千锋教育2022版React全家桶教程_react零基础入门到项目实战完整版
2023-07-16 20:18 作者:喜欢摸鱼的白日梦玩家 | 我要投稿
React Hooks: 就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了.
使用Hooks的优点:
1.告别难以理解的Class( this 和 生命周期 的痛点)
2.解决业务逻辑难以拆分的问题
3.使状态逻辑复用变得简单可行
4.函数组件从设计思想上来看更加契合React的理念
React Hooks提供钩子:
1.useState()
useState():状态钩子。纯函数组件没有状态,用于为函数组件引入state状态, 并进行状态数据的读写操作
参数: 第一次初始化指定的值在内部作缓存
返回值: 包含2个元素的数组,第1个为内部当前状态值,第2个为更新状态值的函数
2.useContext()——一种组件间通信方式, 常用于【祖组件】与【后代组件】间通信
3.useEffect()——来更好的执行副作用操作(用于模拟类组件中的生命周期钩子),如异步请求等,在类组件中会把请求放在componentDidMount里面,在函数组件中可以使用useEffect()
4.useReducer()——提供了状态管理

