(十二)React生命周期函数

在使用React的时候, 我们的DOM节点大多都是通过动态的渲染来实现的,所以很关键的一部分便是他的一个生命周期函数的使用, 将方法或者代码写到合适的生命周期函数中, 可以很大程度提高我们的页面的性能.

–React生命周期函数:

• –组件加载之前,组件加载王城,以及组件更新数据, 组件销毁
  触发一些列的方法,这就是组件的生命周期函数

• –组件加载完成的时候触发的函数:

  • –constructor 首先会触发构造函数01
  • –componentWillMount 其次会触发,表示组件将要挂载02
  • –render 然后数据渲染03
  • –componentDidMount 组件加载完成04(dom操作放在这里, 请求数据也放在这里)

• –组件数据更新的时候触发的声明周期函数:

  • –shouldComponentUpdate 首先触发,表示是否要更新数据,该方法里面必须为true01
  • –componentWillUpdate 将要更新数据的时候触发02
  • –render 数据渲染03
  • –componentDidUpdate 数据更新完毕04

• –你在父组件里面改变props传值的时候触发的:

  • –componentWillReceiveProps 用在组件销毁的时候执行操作

• –组件销毁的时候触发的:

  • –componentWillUnmount