Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
reactJs:两个不同组件之间的通信_Reactjs - Fatal编程技术网

reactJs:两个不同组件之间的通信

reactJs:两个不同组件之间的通信,reactjs,Reactjs,我是新手。我希望在两个独立的组件之间进行通信 这些组件没有任何父子关系 我找到了这段代码 我不知道如何使用它 来自: 用于在两个没有 父子关系,您可以设置自己的全局事件 系统。在componentDidMount()中订阅事件,在中取消订阅 componentWillUnmount(),并在收到事件时调用setState()。 通量模式是安排这种情况的可能方式之一 我们使用PubSub模式来附加全局事件,但正如文档所说,您可以使用许多不同的安排 使用的示例 接收器组件: componentDid

我是新手。我希望在两个独立的组件之间进行通信

这些组件没有任何父子关系

我找到了这段代码

我不知道如何使用它

来自:

用于在两个没有 父子关系,您可以设置自己的全局事件 系统。在componentDidMount()中订阅事件,在中取消订阅 componentWillUnmount(),并在收到事件时调用setState()。 通量模式是安排这种情况的可能方式之一

我们使用PubSub模式来附加全局事件,但正如文档所说,您可以使用许多不同的安排

使用的示例

接收器组件:

componentDidMount:function(){
this.token=PubSub.subscribe('我的主题',this.subscriber)
},
componentWillUnmount:function(){
PubSub.unsubscribe(此.token)
},
订户:功能(消息、数据){
console.log(消息、数据)
//设置状态等。。。
})
发射器:

PubSub.publish('MY TOPIC','hello world!')