17.React组件进阶

• 17.React组件进阶
  • 2.组件的props

1.组件通讯介绍

组件是独立封闭的单元, 默认情况下, 只能使用组件自己的数据. 在组件化过程中, 我们将一个完整的功能拆分成多个组件, 以更好的完成整个应用的功能. 而在整个过程中, 多个组件之间不可避免的要共享某些数据. 为了实现这些功能, 就需要打破组件的独立封闭性, 让其与外界沟通. 这个过程就是组件通讯

2.组件的props

• 组件的封闭的, 要接收外部数据应该通过 props 来实现
• props的作用: 接收传递给组件的数据
• 传递数据: 给组件标签添加属性
• 接收数据: 函数组件通过参数 props 接收数据, 类组件通过 this.props 接收数据

特点

1.可以给组件传递任意类型的数据

2.props是只读的对象, 只能读取属性的值, 无法修改对象

3.注意: 使用类组件时, 如果写了构造函数, 应该将props传递给 super(), 否则, 无法在构造函数中获取到 props !