React之生命周期

生命周期三个状态:

  1. Mounting:已插入真实 DOM => 初始化
  2. Updating:正在被重新渲染 => 更新
  3. Unmounting:已移出真实 DOM => 销毁

    生命周期的方法

1.组件初始化时只调用,以后组件更新不调用,整个生命周期只调用一次,此时可以修改state。

componentWillMount()

2.组件渲染之后调用,只调用一次

componentDidMount()

3.数据发生变化的时候就会进去

componentWillReceiveProps ()

4.在组件接收到新的props或者state时被调用 做性能优化的
返回一个布尔值
在你确认不需要更新组件时使用。

shouldComponentUpdate(nextProps,nextState)

5.组件初始化时不调用,组件更新完成后调用,此时可以获取dom节点。

componentDidUpdate()

6.组件将要卸载时调用,一些事件监听和定时器需要在此时清除。

componentWillUnmount()
请我吃辣条吧~~
-------------本文结束感谢您的阅读-------------