react 生命周期

  • react 生命周期 从广义上分为 挂载 渲染 卸载,可以分为挂载过程和更新过程
  • 1 constructor() 中完成了 react 数据的初始化,他接受两个参数 props 和context 当 想在函数内部使用这两个参数的时候,需要使用super()传入这两个参数,注意只要使用constuctor 就必须使用super() 否则会报错
  • 2 componentWillMount() 一般用的比较少,更多的是在服务端渲染的时候使用,但是还未渲染DOM
  • 3 componentDidMount() 组建第一次渲染完成,此时DOM节点已经生成,可以在这里面调用ajax, 返回数据setState后组建会重新渲染。
  • 4 componentWillUnmount () 在此处完成组件的卸载和数据的销毁 清除定时器 移除组建监听

  

  更新过程

  1. componentWillReceiveProps (nextProps),在接受父组建改变后的props 需要重新渲染组建时候用到的比较多
  2. .shouldComponentUpdate(nextProps,nextState)
  3. 后续明天会补充