React 之 生命周期

作者 糖一瓶 日期 2018-03-27
React 之 生命周期

生命周期

  • 组件从创建、更新、消亡,系统会提供很多一个个阶段的函数,叫做生命周期。
    即:
    1、生命周期是函数
    2、生命周期函数不是你能够调用的,而是系统调用的
    3、生命周期函数在某一个阶段准精准的执行
    组件的生命周期一共有三个阶段,共10个。他们的执行都是按照顺序的。

上树阶段constructor构造函数,当组件上树的时候会首当其冲的触发
componentWillMount组件即将上树
render渲染
componentDidMount组件已经上树
更新阶段componentWillReceiveProps组件将要收到新的props,自己的state改变不会触发这个函数。这个函数的参数是即将收到的新的props
shouldComponentUpdate门神函数,这个函数必须trun布尔值,表示是否继续更新视图。如果returnfalse此时视图就不更新了。这个函数的参数是即将收到的新的props和即将收到的新的state
componentWillUpdate组件将要更新。这个函数的参数是即将收到的新的props和即将收到的新的state
render渲染
componentDidUpdate组件已经更新
下树阶段componentWillUnmount组件将要下树