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

2018-07-26 10:30:08 浏览数 (1)

组件通信

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

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

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

本文说一下第三种

直接看代码

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

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

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

如下:

页面

---------

这个功能就实现了;

---

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

可以扩展一下,点对点通信;

页面

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

0 人点赞