React Native几个重要的属性

2018-08-16  本文已影响0人  请叫我果爸

React Native生命周期

componentWillMount                //最初渲染之前调用
componentDidMount                 //渲染结束后调用一次
componentWillReceiveProps         //在component接收到新的参数前调用
shouldComponentUpdate             //每次重新触发渲染之前调用
           nextProps              //下一个状态的参数
           nextState              //下一个状态对象
componentWillUpdate               //重新渲染之前调用
componentDidUpdate                //从新渲染结束后调用
componentWillUnmount             //在被删除之前调用
Props

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

        一般性我们自定义原生UI组件,或者拿几个View,Text拼装成一个新View的时候,可以用到,举个例子:

const props = {
            item_text : this.state.item_text,
            item_image : this.state.item_image,
            };
<CButton text={"hello world!"} {...props}/>

我们在CButton可以使用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

上一篇下一篇

猜你喜欢

热点阅读