美文网首页
React-Native 生命周期

React-Native 生命周期

作者: 338d708389ae | 来源:发表于2016-12-15 19:50 被阅读0次
01.png

实例化

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

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

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


  • 组件接收到新的props时调用,并将其作为参数nextProps使用,可在此更改组件
componentWillReceiveProps
  • 判断是否需要更新组件(在首次渲染期间或者调用了forceUpdate方法后,该方法不会被调用)
shouldComponentUpdate
  • 更新渲染前调用
componentWillUpdate
  • 渲染函数,返回DOM结构
render
  • 更新渲染后调用
componentDidUpdate

相关文章

  • React-native开发记录

    React-Native学习资料中文版react-native组件生命周期es5-es6写法对照表 一、 解决:用...

  • React Native 生命周期

    参考文章:React-Native 生命周期函数[https://blog.csdn.net/XHL1314mmq...

  • 前端知识 | React-Native 组件生命周期

    在React-Native开发中,组件的生命周期和我们密不可切,了解生命周期利于我们观察组件的变化过程。组件生命周...

  • ReactNative学习笔记1

    一、react-native的生命周期 1. getDefaultProps 在组件创建之前,会先调用 getDe...

  • react-native的组件生命周期

    react-native的组件生命周期 组件的相关方法 render 每个组件必须提供render方法。说该函数不...

  • 使用react-native 重构<一>base

    react-native的生命周期 1.渲染前调用存在于客户端,服务器端 componentWillMount()...

  • React-Native资料整理

    (1)ES5,ES6对照 (2)react-native入门指南 (3)组件的生命周期 (4)react-nati...

  • React-Native:State(状态)

    React-Native:State 之前说的props是在父组件中指定的,而且一经指定,在被指定的组件的生命周期...

  • react-native 的生命周期

    前言 在面试的时候被偶尔问到了react-native 的生命周期的问题,以前确实研究过这个过程,但是时间久了给忘...

  • react-native 生命周期

    (一)、图解 基本总结: 从图看:在React Native中,组件的生命周期大致可以分为3个阶段(实例化阶段,存...

网友评论

      本文标题:React-Native 生命周期

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