美文网首页
React Native几个重要的属性

React Native几个重要的属性

作者: 请叫我果爸 | 来源:发表于2018-08-16 11:03 被阅读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

    相关文章

      网友评论

          本文标题:React Native几个重要的属性

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