React-Native学习之路(三)props和state

React-Native props和state

2018年7月20日

10:23

props:

即属性,它是用来描述一个组件的特征的,由父组件传递给子组件,而且一经指定,在被指定的组件的生命周期中则不再改变

第一个this.props.name就会使用PropsTest的组件,在PropsTest中设置后就能在子组件进行显示

默认属性:可以在这个子组件中设置默认的属性,就必须要用到static关键字

约束:同样使用static来修饰propTypes,可以给里面的变量设置各种类型

在设置约束时一定要把propTypes导入react中

state:

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

 

1).区别于props,state属性是私有的,它不能通过其他组件传入。

2).props是不可变的,而state是可变的,通过改变state就可以重新渲染UI

使用state的方法

①初始化state

在构造函数中进行初始化

②使用state

直接用this.state

③改变state

用setState()

在修改state的时候注意,this.state是不可变的,只有通过setState()方法来改变state的参数

猜你喜欢

转载自blog.csdn.net/Leon_Jcy/article/details/81193130