react(新的生命周期)

139 阅读1分钟

1. 初始化阶段: 由ReactDOM.render()触发---初次渲染

    1. constructor()
    2. getDerivedStateFromProps 
    3. render()
    4. componentDidMount() =====> 常用
       一般在这个钩子中做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息

2. 更新阶段: 由组件内部this.setSate()或父组件重新render触发

    1. getDerivedStateFromProps
    2. shouldComponentUpdate()
    3. render()
    4. getSnapshotBeforeUpdate
    5. componentDidUpdate()

3. 卸载组件: 由ReactDOM.unmountComponentAtNode()触发

    1. componentWillUnmount()  =====> 常用
       一般在这个钩子中做一些收尾的事,例如:关闭定时器、取消订阅消息
       
       

3_react生命周期(新).png