React一种少用的组件通信方式，但是简单

组件通信

1. 通过父组件传递给子组件，如果是兄弟组件，则找到共同父组件，重新往下面传
2. 通过redux，把数据放在redux，触发动作；实际上也是数据在根节点
3. 观察者模式(发布订阅)

对于第一种，大家知道react也都知道，

对于第二种，大家知道redux也都知道，

本文说一下第三种

直接看代码

先了解一下这个原理，代码很简单，不到30行

然后就把那个核心函数mainPerson放到React项目里面；

不过稍微要变一下，因为要保存各种通信的组件，直接就单例返回这个对象了；

如下：

页面

---------

这个功能就实现了；

---

但是，凡是加入到对象里面的数据，都会受到这个信息；

可以扩展一下，点对点通信；

页面

就实现了，当然还可以对函数进行改造