美文网首页
React  props

React  props

作者: beyondouyuan | 来源:发表于2017-07-16 02:14 被阅读18次

  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来解构数据的方式一次传入多个属性。

相关文章

网友评论

      本文标题:React  props

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