Javascript 在React.js中,如何设置一个简单的全局事件系统来在组件之间进行通信?

Javascript 在React.js中,如何设置一个简单的全局事件系统来在组件之间进行通信?,javascript,jquery,reactjs,components,communication,Javascript,Jquery,Reactjs,Components,Communication,在玩弄了React之后,我想我基本上喜欢它,但是有几件事我正在努力想办法去做。其中之一是不在父子关系中的组件之间的基本通信 正如我从教程中了解到的,大多数沟通都是通过使用状态和道具的父子关系来完成的,这似乎很简单。但当没有亲子关系时,医生会推荐,让我自己去弄清楚。我不太清楚这是什么意思 让我们以我正在研究的问题为例。我的页面导航栏中有一个组件,我想用它来填充页面其他地方组件中的搜索结果。试图通过共同的父母将这些联系起来是不现实的。那么我如何用搜索栏的结果更新ResultsTab呢?我相信我可以通

在玩弄了React之后,我想我基本上喜欢它,但是有几件事我正在努力想办法去做。其中之一是不在父子关系中的组件之间的基本通信

正如我从教程中了解到的,大多数沟通都是通过使用状态和道具的父子关系来完成的,这似乎很简单。但当没有亲子关系时,医生会推荐,让我自己去弄清楚。我不太清楚这是什么意思


让我们以我正在研究的问题为例。我的页面导航栏中有一个
组件,我想用它来填充页面其他地方
组件中的搜索结果。试图通过共同的父母将这些联系起来是不现实的。那么我如何用搜索栏的结果更新ResultsTab呢?我相信我可以通过jQuery来实现,而不用考虑React,但是什么是正确的React方式呢?

Facebook已经发布了一个名为Flux的模式。在简单的应用程序中,它可能非常冗长,但效果很好

与所有这些事情一样,社区的发展非常迅速,并做出了许多改变。我建议大家先熟悉一些基本的例子,然后阅读并尝试其他一些例子


@dan_abramov的目前似乎非常流行。

React文档确实规定可以使用通量模式之类的方式来实现组件之间的通信。您可以使用大量的Flux实现,而且它似乎确实适合React的工作方式。您还可以搜索pubsub。对于数据(如您的示例),您可以使用Flux/backbone。对于全局事件,我们使用pubsub。