创建阶段
componentWillMount
:可以访问state,虚拟dom还未创建好。
render
:虚拟dom创建好了。
componentDidMount
:可以操作页面上的dom元素,最早操作dom的地方。
运行阶段
shouldComponentUpdate(nextProps,nextState){ return true/false }
: 通过true/false是否需要更新dom。可以判断是否
componentWillUpdate(nextProps,nextState){}
:组件将要更新,dom和数据都是旧的。
render
:dom元素还是旧的。
componentDidUpdate(nextProps,nextState){}
:页面的dom已经更新。
componentWillReceive(nextProps){}
:第一次渲染时不会触发。