react 新生命周期

新生命周期

1. 初始化阶段：由ReactDOM.render()触发，初次渲染

• consctructor()
• getDerivedStateFromProps
• render()
• componentDidMound(), 这个常用，一般在这个钩子中做一些初始化的事情，开启定时器，发送网络请求，订阅消息

2. 更新阶段：由组件内部this.setState()或者父组件重新render触发

• getDerivedStateFromProps
• shouldComponentUpdate()
• render()
• getSnapshopBeforeUpdate()

3. 卸载组件：由ReactDOM.unmountComponentAtNode()触发

• componentWillUnmount(), 这个常用，一般在这个钩子中做一些收尾的工作，比如关闭定时器，取消订阅消息

重要生命周期钩子

1. render
2. componentDidMount
3. componentWillUnmount

即将废弃的钩子

1. componentWillMount
2. componentWillReceiveProps
3. componentWillUpdate