react学习(9)

简介: react学习(9)

1:自定义hook函数

概念:自定义hook是以use打头的函数,通过自定义hook函数可以实现逻辑的封装与复用。
规则
1:只能在组件或者其他自定义hook函数中使用。
2:只能在组件的顶层调用,不能嵌套在if,for,或其他函数中。
可以使用json-server这个工具插件来mock数据
2:拆分组件:App组件为“智能组件”负责数据获取,item作为"UI组件"或者叫做木偶组件,负责数据渲染。
3:在react中只有两个地方可以使用hook,一个是函数式组件,一个是自定义hook

相关文章
|
10月前
|
缓存 前端开发 JavaScript
学习React的最佳实践有哪些?
学习React的最佳实践有哪些?
319 86
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别,以及React的核心概念,包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
206 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
|
前端开发 JavaScript
React学习之——条件渲染
【10月更文挑战第16天】React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
194 7
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
212 0
|
10月前
|
前端开发 JavaScript API
如何快速学习React?
如何快速学习React?
280 1
|
前端开发 JavaScript 安全
学习如何为 React 组件编写测试:
学习如何为 React 组件编写测试:
155 2
|
资源调度 前端开发 JavaScript
React进阶学习
React进阶学习
131 1
|
前端开发
react学习(17)回调形式的ref
react学习(17)回调形式的ref
176 9
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
143 8