React Native几个重要的属性

  Props

属性传递,单向。
        每一个组件都有可变与不可变的属性,props就是不可变的属性,当props改变时,组件的绘制方法不会被调用

一般性我们自定义原生UI组件,或者拿几个View,Text拼装成一个新View的时候,可以用到,举个例子:
<span>	</span>const props = {
      		item_text : this.state.item_text,
      		item_image : this.state.item_image,
    		};
	<CustomButton text={"hello world!"} {...props}/>


我们在CustomButton可以使用this.props.text

state

           state就是组件的可变属性,state的改变会触发组件的render函数,react与其他mvvm框架的最大的不同点就是,react可以想象成状态机,状态的改变会重绘UI,然后根据dom diff算法来绘制UI,而其他的mvvm框架则是对js对象的dirty check(Angulars)或者defineProperty时指定的回调函数(Emberjs),因此,状态机制与dom diff的存在声称React更快。  React靠一个state来维护状态,当state发生变化则更新Dom

refs

           refs这个点主要用在上级组件调用下级组件的场景

componentDidMount

           组件UI渲染完毕后调用,常用在这种业务场景,调用ajax获得数据后,渲染UI

React Native周期

<span>	</span>componentWillMount     //最初渲染之前调用
<span>	</span>componentDidMount      //渲染结束后调用一次

<span>	</span>componentWillReceiveProps     //在component接收到新的参数前调用
<span>	</span>shouldComponentUpdate         //每次重新触发渲染之前调用
                                  nextProps     //下一个状态的参数
                                  nextState     //下一个状态对象
<span>	</span>componentWillUpdate    //重新渲染之前调用
<span>	</span>componentDidUpdate     //从新渲染结束后调用

<span>	</span>componentWillUnmount   //在被删除之前调用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值