ReactJS组件通信

Question

我想知道ReactJS组件之间推荐的通信方式是什么。我看了一下相关问题。然而，我认为答案不够充分。关键的办法似乎如下：

1. 假设只有孩子/父母沟通。
2. 父子之间的通信是通过设置道具来实现的，相反的是通过传递回调作为支柱来实现的。

这有以下缺点：

1. 由于兄弟姐妹不能直接通信，所以必须在兄弟姐妹之间来回传递的所有状态都必须存储在其共同的父级中。这意味着父母有很多不需要的状态。
2. 通过回调是相当不雅致的。

我想做的是添加组件、方法/成员，以便建立通信。我正在按照RxJS的思路思考。这意味着以下几点：

1. 我承认，通信超出了ReactJS处理的功能范围。不管怎样，情况似乎都是这样的。
2. 类的成员需要持久化。例如，父组件在每次调用其<Child />函数时不应该创建一个新的render，因为在这种情况下，所有订阅都必须重新建立。相反，构造函数必须创建一个this.child = <Child />对象，并在render调用中呈现{this.child}。

我的问题是:组件通信是由ReactJS以某种方式处理，还是应该由开发人员以其他方式处理？

在第一种情况下:是否有一种可伸缩和优雅的方式可以在ReactJS中实现组件之间的通信？ReactJS开发人员的基本原理是按照上面描述的方式完成的，还是缺少了什么？

在第二种情况下:组件应该如何进行通信？

Answer 1

有两种既定的反应方式可以在组件之间进行交流。

可观测体系结构： 美孚

类似流的体系结构： 剩馀

注意:查看mobx，如果您不确定从什么开始:)