
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.3 React Hooks
React Hooks在React 16.8时正式发布,它使函数组件能拥有自己的状态,对类组件没有影响。实战部分将大量使用函数组件,主要原因是类组件存在如下3个问题。
❑ 必须时常关注this关键字的指向,对初学者而言这不是一件容易的事。
❑ 相同的生命周期在类组件中最多定义一个,这导致彼此无关的逻辑代码被糅杂在同一个函数中。
❑ 不同的生命周期函数可能包含相同的代码,最常见的便是componentDidMount和componentDidUpdate。
React提供了很多内置的Hooks,每个Hooks有各自的用处,本节只介绍实战部分常用的Hooks,并列举一些自定义Hooks。