react native基础

Posted

tags:

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

react native 的两个核心的属性控制改变组件:props和state。
props是在父组件中进行设置,只要设置完成那么在组件的生命周期就定死了,不会发生改变。
针对数据变化修改的情况,我们需要使用state属性;一般情况下,我们需要在constructor方法中初始化state,然后在你想要修改更新的时候调用setState方法。

方法名 作用 调用次数
constructor 构造函数,初始化需要的state 1次
componentWillMount 控件渲染前触发 1次
render 渲染控件的方法 多次
componentDidMount 控件渲染后触发 1次
componentWillReceiveProps 组件接收到新的props时被调用 多次
shouldCompentUpdate 当组件接收到props和state时被调用 多次
componentWillUpdate props或者state改变,并且此前的shouldComponentUpdate为true会调用该方法 多次
componentDidUpdate 组件重新渲染完成后会调用此方法 多次
componentWillUnmount 组件卸载和销毁之前被调用 1次

以上是关于react native基础的主要内容,如果未能解决你的问题,请参考以下文章

react-native 入门基础介绍

react native ios 开发,基础配置笔记。

react-native-router-flux(基础内容)

react native 基础按钮的组件

react native android 开发,基础配置笔记。

React Native 简介与基础-样式