平凡之路。

React生命周期

Date: Author: ZJ

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。

最近学习了react。 React生命周期分为三个阶段,每一个阶段都有不同的函数执行顺序,值得注意的是实例化和销毁阶段执行一次,存在期是可以反复执行的:

最近学习了react。 React生命周期分为三个阶段,每一个阶段都有不同的函数执行顺序,值得注意的是实例化和销毁阶段执行一次,存在期是可以反复执行的:

1.组件实例化阶段

(在实例化阶段只会执行一次)

  • constructor
  • componentWillMount
  • render
  • componentDidMount

2.组件存在阶段

**(在组件存在的阶段,每重新渲染一次,都会执行一遍) **

  • componentWillReceiveProps(props改变时触发)
  • shouldComponentUpdate(特别注意,如果返回false,则不会执行渲染,也会跳过render前后的钩子函数)
  • componnetWillUpdate
  • render
  • componentDidUpdate(渲染之后,可以通过ref或者findDOMNode,来操作DOM,当React运行在服务端是,不会被调用)

    3.组件销毁阶段

  • componentWillUnmount

对于本文内容有问题或建议的小伙伴,欢迎在文章底部留言交流讨论。