1-React Hooks简介

Time: 20200126

1.什么是Hooks?

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

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

Hooks在类组件中无法工作。

2.为什么用Hooks?

原因集合1:

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

原因集合2:

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

原因集合3:

  • 为复杂场景创建组件,比如数据获取与事件订阅的相关代码不是组织在一个地方
    • 数据获取:会分散在componentDidMountcomponentDidUpdate
    • 事件监听:会分散在componentDidMountcomponentWillUnmount

小总结:

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

END.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。