RN Component生命周期函数

Posted yibinpan

tags:

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

https://www.race604.com/react-native-component-lifecycle/

 

第一次加载时:

getInitialProps

getInitialState

componentWillMount

render

componentDidMount

--Running--

 

运行过程中改变state

shouldComponentUpdate

componentWillUpdate

Render

componentDidUpdate

--running--

注:以上函数里面都不能setState,否则会造成死循环

 

运行过程中改变props

componentWillReceiveProps

shouldComponentUpdate   (包含一些属性,nextProps,nextState,因为新的渲染还没开始,所以是next…)

componentWillUpdate (包含一些属性,nextProps,nextState)

Render

componentDidUpdate (包含一些属性,prevProps,prevState,这里因为新的渲染已经结束,所以是prev...)

--rendering--

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

[RN] React Native 中组件的生命周期

RN组件的生命周期

组件的生命周期

React Native的生命周期

React Native 中 component 生命周期

React Native 中组件的生命周期(转)