React 的生命周期

Question

生命周期主要出现在 class 组件，函数组件只能通过 useEffect 实现类似效果

• getDerivedStateFromProps 在每次re-rendering之前被调用， 即props 变化后，从props 中获取state, 如果不影响state， 返回null 即可， 这个函数是个静态方法。
• getSnapshotBeforeUpdate 获取更新前的一些状态

挂载

• constructor 进行state，props初始化
• static getDerivedStateFromProps
• render
• componentDidMount

更新

• static getDerivedStateFromProps
• shouldComponentUpdate
• render
• getSnapshotBeforeUpdate
• componentDidUpdate

卸载

• componentWillUnmount

错误捕获

• componentDidCatch
• static getDerivedStateFromError

函数组件

• useEffect 无依赖项 更新
• useEffect 传入空数组时，挂载
• useEffect 回调返回的函数，卸载