1：自定义hook函数
概念：自定义hook是以use打头的函数，通过自定义hook函数可以实现逻辑的封装与复用。
规则
1:只能在组件或者其他自定义hook函数中使用。
2：只能在组件的顶层调用，不能嵌套在if,for,或其他函数中。
可以使用json-server这个工具插件来mock数据
2：拆分组件：App组件为“智能组件”负责数据获取，item作为"UI组件"或者叫做木偶组件，负责数据渲染。
3：在react中只有两个地方可以使用hook,一个是函数式组件，一个是自定义hook
react学习（9）
2024-09-13
8
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react学习（9）
目录
相关文章
|
6天前
|
JavaScript
前端开发
|
6天前
|
前端开发
JavaScript
算法
|
6天前
|
前端开发
JavaScript
|
6天前
|
前端开发
|
21天前
|
JSON
前端开发
JavaScript
|
4天前
|
前端开发
JavaScript
中间件
|
1天前
|
前端开发
JavaScript
|
4天前
|
前端开发
JavaScript
|
5天前
|
前端开发
JavaScript
|
5天前
|
前端开发
热门文章
最新文章
1
精通React/Vue系列之实现一个全局提示(Message)组件
2
React vscode 开发插件与代码补全提示
3
8 款好用的 React Admin 管理后台模板推荐
4
【REACT NATIVE 系列教程之二】创建自定义组件&&导入与使用示例
5
照着官方文档学习react
6
React Native-组件的引用
7
react学习系列4 组件生命周期
8
【react从入门到精通】深入理解React生命周期
9
【青训营】-🐳React实战（上）
10
react hook学习9-useCallback的使用
1
【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
82
2
【TypeScript技术专栏】TypeScript与React的完美结合
64
3
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
196
4
【亮剑】在Web开发中，React提供了丰富的交互机制，onChange事件是处理用户输入变化非常常用的一个手段。
48
5
【亮剑】在React中实现鼠标悬停显示文本，可以通过状态管理实现。
183
6
【亮剑】在React中，处理`onScroll`事件可实现复杂功能如无限滚动和视差效果
373
7
【亮剑】在Web开发中，我们经常需要使用下拉选择框（Select）来让用户从多个选项中选择一个
125
8
【亮剑】探讨了在React TypeScript应用中如何通过道具(props)传递CSS样式，以实现模块化、主题化和动态样式
57
9
React vs. Vue: 选择适合你的前端框架
86
10
【专栏】在 create-react-app 中集成 less/sass 预处理器和 react-css-modules 的方法
378