温馨提示×

react生命周期的执行顺序是什么

React

小亿

124

2024-02-22 17:26:30

栏目: 编程语言

React生命周期的执行顺序如下：

初始化阶段（Mounting）：组件被创建并插入到DOM中
- constructor()
- static getDerivedStateFromProps()
- render()
- componentDidMount()
更新阶段（Updating）：组件的props或state发生变化，导致重新渲染
- static getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
卸载阶段（Unmounting）：组件被从DOM中移除
- componentWillUnmount()
错误处理阶段（Error Handling）：组件渲染过程中出现错误
- static getDerivedStateFromError()
- componentDidCatch()