在React18中,函数组件在很多场景下取代了类组件;
以下是它的全生命周期以及相应的对应关系:
1,挂载阶段(Mounting Phase)
constructor
对应函数组件中useState和useRef引用
componentDidMount()
对应useEffect中空依赖数组的用法
2,更新阶段(Updating Phase)
static getDerivedStateFormProps()
对应useEffect中依赖props的效果
shouldComponentUpdate()
可以通过memo和useMemo来减少不必要的渲染
componentDidUpdate()
对应useEffect中依赖props和state的效果
3,卸载阶段
componentWillUnmount()
对应useEffect中返回的清理函数
4, 错误处理阶段
componentDidCatch
错误处理;