生命周期
组件将要加载组件加载之前componentWillMount()
组件加载完成 componentDidMount()
将要接受父组件传来的props componentWillReceiveProps()
子组件是不是应该更新 shouldComponentUpdate()
组件将要更新 componentWillUpdate()
组件更新完成 componentDidUpdate()
组件即将销毁 componentWillUnmount()
旧的生命周期
新版本生命周期添加2个,废弃3个
1.初始化阶段:由ReactDOM.render()触发---初次渲染
(一辈子只执行一次)
1. constructor()
2. componentWillMount()
3. render() 正在渲染
4. componentDidMount() 组件挂载完成
2.更新阶段:组件内部this.setState()或父组件render触发
(根据props属性或state状态的改变,改变)
1. componentWillReceiveProps 组件将要接受新的props属性
2. shouldComponentUpdate 是否要更新组件
3. componentWillUpdate 页面是旧的,数据是新的
4. render
5. componentDidUpdate
3. 组件销毁阶段:由ReactDOM.unmountComponentAtNode()触发
(一辈子只执行一次)
componentWillUnmount