组件通信
- 通过父组件传递给子组件,如果是兄弟组件,则找到共同父组件,重新往下面传
- 通过redux,把数据放在redux,触发动作;实际上也是数据在根节点
- 观察者模式(发布订阅)
对于第一种,大家知道react也都知道,
对于第二种,大家知道redux也都知道,
本文说一下第三种
直接看代码
先了解一下这个原理,代码很简单,不到30行
然后就把那个核心函数mainPerson放到React项目里面;
不过稍微要变一下,因为要保存各种通信的组件,直接就单例返回这个对象了;
如下:
页面
---------
这个功能就实现了;
---
但是,凡是加入到对象里面的数据,都会受到这个信息;
可以扩展一下,点对点通信;
页面
就实现了,当然还可以对函数进行改造