react兄弟组件传值之PubSubJS

GitHub GitHub - mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript

第一步：安装插件

npm install pubsub-js

第二步：发起事件

import PubSub from 'pubsub-js'
 
// 发布
PubSub.publish('MY TOPIC', 'hello world!');

 第三步：另一个兄弟组件中响应事件

import PubSub from 'pubsub-js'
 
this.token = PubSub.subscribe('MY TOPIC', mySubscriber);
//保存token，方便之后清除

第四步：切记页面销毁时清除

componentWillUnmount (){
     PubSub.clearAllSubscriptions(); //清除所有的
     // PubSub.unsubscribe(this.token);  //清除token代表的
}

 

完事，点赞、点赞、点赞