React 任意组件之间通信

版权声明：盗版必究 https://blog.csdn.net/qq_36658051/article/details/88799917

1、新建event.js文件

import { EventEmitter } from "events";
export default new EventEmitter();

2、组件需引入

import emitter from "../../../utils/event";
//路径需修改为自己的路径

3、组件通信发起者html

<div onClick={() => {
   emitter.emit("showDetail", {
      isShow: true
    });
}}>点击事件</div>

4、组件通信接受者js

 componentDidMount() {
    this.eventEmitter = emitter.addListener("showDetail", data => {
      console.log(data.isShow);//true
    });
  }