1-React Hooks简介

Time: 20200126

1.什么是Hooks？

允许使用React的特性，而无需写类组件。

比如组件状态，之前只能用类组件。

Hooks在类组件中无法工作。

2.为什么用Hooks?

原因集合1：

• 需要理解在JS中this关键字的使用
• 在类组件中需要记住手动绑定事件处理器
• 类组件不能最小化，且使得热加载不可靠

原因集合2：

• 没有特定的重用状态组件逻辑的方法
• HOC(高阶组件)以及render props模式都不能解决这个问题
• 代码很难阅读
• 需要一种更好的方式来共享状态逻辑

原因集合3：

• 为复杂场景创建组件，比如数据获取与事件订阅的相关代码不是组织在一个地方
  • 数据获取：会分散在componentDidMount和componentDidUpdate中
  • 事件监听：会分散在componentDidMount和componentWillUnmount中

小总结：

截屏2020-01-26下午5.11.59.png 截屏2020-01-26下午5.11.10.png

END.