React HOOK2

React HOOK规则:

Hook只能出现在最顶层
不要在循环,条件或者嵌套函数中调用hook
在这里插入图片描述
在这里插入图片描述

PureComponet和memo

PureComponet用法:
在这里插入图片描述
memo用法
在这里插入图片描述

userCallback

在这里插入图片描述
在这里插入图片描述

useReducer

在这里插入图片描述

useContext

在这里插入图片描述

React Hooks 不足

尽管我们通过上面的例子看到 React Hooks 的强大之处,似乎类组件完全都可以使用 React Hooks 重写。但是当下 v16.8 的版本中,还无法实现 getSnapshotBeforeUpdate 和 componentDidCatch 这两个在类组件中的生命周期函数。官方也计划在不久的将来在 React Hooks 进行实现。

猜你喜欢

转载自blog.csdn.net/QZ9420/article/details/112802711