美文网首页
ReactNative生命周期函数

ReactNative生命周期函数

作者: 你还真是学不乖丶 | 来源:发表于2019-08-14 10:03 被阅读0次

RN生命周期函数

第一次加载时:

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--

相关文章

  • ReactNative生命周期函数

    RN生命周期函数 第一次加载时: getInitialProps getInitialState componen...

  • React生命周期函数

    生命周期函数 生命周期函数性能优化 生命周期函数发送Ajax请求

  • Vue学习笔记(12)-生命周期函数

    生命周期函数 生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以...

  • React的生命周期函数

    一、生命周期函数的定义 在某个时刻自动被调用的函数是生命周期函数 二、React中生命周期函数示意图 三、生命周期...

  • Vue的生命周期函数

    创建期间的生命周期函数: beforeCreate() 在beforeCreate() 生命周期函数执行的时候,...

  • RN-生命周期函数(新)

    旧版生命周期函数 react 16.4 以后生命周期函数 http://projects.wojtekmaj.pl...

  • Vue 生命周期

    生命周期函数 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数 简单来说就是,钩子(生命周期函数)就好...

  • Vue3.X学习笔记

    引用 创建应用app和挂载 或者 生命周期函数 生命周期函数,生命周期函数你可以这样理解,就是在** 在某一时刻会...

  • uni-app的基本语法和规范

    生命周期函数

  • Vue生命周期函数调用的时间

    vue的生命周期函数有11个,常用的8个生命周期函数必须要掌握

网友评论

      本文标题:ReactNative生命周期函数

      本文链接:https://www.haomeiwen.com/subject/zliwjctx.html