挂载阶段:
constructor:组件被创建时调用,进行初始化操作。
static getDerivedStateFromProps:在组件实例化和重新渲染之前调用,用于根据 props 更新组件的状态。
render:根据组件的 props 和 state,返回要渲染的元素结构。
componentDidMount:组件第一次渲染后调用,可以进行异步操作、订阅事件等。
更新阶段:
static getDerivedStateFromProps:在接收到新的 props 或 state 时调用,用于根据新的 props 更新组件的状态。
shouldComponentUpdate:在接收到新的 props 或 state 后,决定是否重新渲染组件,默认返回 true。
render:根据更新后的 props 和 state,返回要渲染的元素结构。
componentDidUpdate:组件更新后调用,可以进行 DOM 操作或处理更新后的数据。
销毁阶段:
componentWillUnmount:在组件卸载前调用,用于清理工作,如取消订阅、清除定时器等。