ReactNative从零开始笔记3-state(状态)与pro

2019-01-18  本文已影响42人  摸着石头过河_崖边树

一、使用环境

二、 props(属性)

ReactNative(React)使用两种数据来控制一个组件:props 和 state。

 定义属性
static propTypes ={
      gif: PropTypes.string,
}
 组件内访问属性  
 this.props.gif

 使用组件访问属性 
 <ChildComponent ref='son' gif={'公瑾水战法'}></ChildComponent>

三、 state(状态)

state 属性主要用来存储组件自身需要的数据,是组件自己私有的,我们一般通过修改 state 属性的值来更新数据,React 内部会监听 state 的变化,一旦发生变化就会主动触发组件的 render() 方法来更新 Dom 结构

其他资料
ReactNative从零开始笔记1-初始化项目
ReactNative从零开始笔记2-组件的生命周期
ReactNative从零开始笔记3-state(状态)与props(属性)
ReactNative从零开始笔记4-PropTypes使用
ReactNative从零开始笔记5-组件传值(父子组件/兄弟组件)
ReactNative从零开始笔记6-导航页面传值(正传和逆传)

上一篇下一篇

猜你喜欢

热点阅读