React生命周期16版本
1. 初始化阶段 - 自动执行
1. constructor 继承属性 定义状态 绑定事件this
2. componentWillMount
3. render 生成vdom 计算 this.props this.state
4. componentDidMount 数据请求 - 数据修改 - 获取真实DOM
2. 更新阶段 - 数据改变
1. componentWillReceiveProps [ 属性改变才执行 ] 接收新属性, 判断组件属性是否改变,可以用于监听
2. shouldComponentUpdate 性能优化关键钩子函数 , 控制组件是否要更新
3. componentWillUpdate
4. render
5. componentDidUpdate 获得了更新后的真实dom
3. 销毁阶段
1. componentWillUnmount 组件销毁, 善后
4. 错误处理阶段
1. componentDidCatch 记录错误信息和错误栈 、 2. 功能实现降级UI