Skip to content

在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 错误处理;

本站访客数 人次 本站总访问量