React入门学习笔记（5）

生命周期(旧)

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

1. constructor()
2. componentWillMount()
3. render()
4. componentDidMount() --用于一些初始化操作

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

1. shouldComponentUpdate() ----只能返回布尔值，若返回flase阻止渲染，setState()后执行
2. componentWillUpdate() ----强制更新后跳会转到此函数
3. render()
4. componentDidUpdate()

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

1. componentWillUnmount()

生命周期(新，17版本)

componentWillMount()、componentWillUpdate() 、componetWillReceiveProps()要加上前缀UNASFE_ 才能使用。

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

1. constructor()
2. getDerivedStateFromProps
3. render()
4. componentDidMount() --用于一些初始化操作,常用

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

1. getDerivedStateFromProps
2. shouldComponentUpdate() ----只能返回布尔值，若返回flase阻止渲染，setState()后执行
3. render()
4. setSnapshotBeforeUpdate
5. componentDidUpdate()

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

1. componentWillUnmount()