props就是存储组件属性的对象,属性值是组件被调用时由外部通过JSX属性传入设置,一旦初始设置完成,就可以认为this.props是不可更改的,所以不要轻易更改设置 this.props 里面的值(虽然对于一个 JS 对象你可以做任何事)。
如,组件HelloComponent被调用时,传入一个data属性,以便用于存储想要在HelloComponent组件内使用的数据值
<Parent>
<HelloComponent data={datas} />
</Parent>
在HelloComponent内部想要获取data内存储的数据值datas,则只需使用this.props.data即可得到datas真实的任何值。
一个组件不止可以有一个属性,可以有很多个属性,当想在组件内调用任意一个传入到组件的属性时,只需要调用组件的属性对象thia.props再用点法访问想要的属性即可得到想要的值,属性可以是任何类型的数据。
属性可以不必一个一个传入,可以使用ES6来解构数据的方式一次传入多个属性。
网友评论