React生命周期

Posted marvelousone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React生命周期相关的知识,希望对你有一定的参考价值。

React生命周期

组件更新 (组件状态改变)新一轮render

shouldComponentUpdate(newPros,newState)

componentWillUpdate

componentDidUpdate

组件注册

getDefaultProps

getInitialState

componentWillMount

render()

componentDidMount

组件消亡

ReactDOM.unmountComponentAtNode(destination) 去调用组件消亡生命周期函数

componentWillUnmount 定时器等一些收尾工作在这里取消掉

更改state

componentWillReceiveProps(newProps)【react v.17废弃 推荐(getDerivedStateFromProps)】

shouComponentUpdate()

componentWillUpdate()

componentDidUpdate()

参考阅读

React新生命周期--getDerivedStateFromProps

理解React组件生命周期

React getDerivedStateFromProps方法

以上是关于React生命周期的主要内容,如果未能解决你的问题,请参考以下文章

react 生命周期

React生命周期详解

React组件的生命周期函数

react新的生命周期函数getDerivedStateFromProps

react生命周期详解

react native 生命周期详解