React-Native 生命周期

01.png

实例化

=============

  • 组件类型首次**实例化时初始化默认props属性,多实例共享
getDefaultProps
  • 实例化时初始化默认state属性
getInitialState
  • 在渲染之前触发一次
componentWillMount
  • 渲染函数,返回DOM结构
render
  • 在渲染之后触发一次
componentDidMount

有需要重新渲染(props变更或者setState改变state时)


  • 组件接收到新的props时调用,并将其作为参数nextProps使用,可在此更改组件
componentWillReceiveProps
  • 判断是否需要更新组件(在首次渲染期间或者调用了forceUpdate方法后,该方法不会被调用)
shouldComponentUpdate
  • 更新渲染前调用
componentWillUpdate
  • 渲染函数,返回DOM结构
render
  • 更新渲染后调用
componentDidUpdate
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Hello大家好。大家可能会想问为什么最近公众号不更新文章了,在这里说明一下。由于小编们近期工作和业务繁忙(我就不...
    sidiWang阅读 33,628评论 9 48
  • getDefaultProps 执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个p...
    代码界的扫地僧阅读 581评论 0 1
  • 在React Native中使用组件来封装界面模块时,整个界面就是一个大的组件,开发过程就是不断优化和拆分界面组件...
    ITxiansheng阅读 947评论 1 2
  • 在React Native中使用组件来封装界面模块时,整个界面就是一个大的组件,开发过程就是不断优化和拆分界面组件...
    朱_源浩阅读 8,980评论 6 38
  • 今天晚上据说有本科毕业生晚会,犹豫了半天,办公室的我们最终还是决定去看了。毕竟生活不仅仅只有科研,还有歌舞与妹...
    南方梧桐阅读 171评论 0 0