React 组件通讯

我是表哥Harker，表妹我来咯~

上篇大体介绍了React组件是什么，基本的使用，还不够，本篇再深入的去了解React组件通信方式！

1、组件通讯介绍

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

2、组件的 props

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

类组件：

import React from 're