react组件通信---发布订阅

安装下载 pubsub-js

npm i pubsub-js -S

导入pubsub

import pubsub from 'pubsub-js'

A组件中订阅一个事件

//event1:命名
pubsub.subscribe('event1',(msg, data) => {
//msg一般不要
  console.log(data);
}}

B组件中发布这一事件

//publish发布
alertHandler=()=>{pubsub.publish('event1'，data)}

<button onClick={this.alertHandler}>点击触发child1组件订阅的event事件</button>

取消订阅

//可以取消多个id
PubSub.unsubscribe('event1');