React-Native学习之路（三）props和state

react

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的参数