react 不相联的组件之前通信

react 不相联的组件之前通信

因为在遇到这个坑之前，页面做了布局，所以只拿其中的一部分代码实例，
为了方便，需要建一个管道，把需要通信的组件连接在一起，实现组件通信
这里需要用到nodejs中的evnets模块 没有的需要安装 npm install events --save
1.新建一个poster.js文件,引入events模块 代码如下

import EventEmitter from "events"

const event = new EventEmitter();

export {
   
    event
}

2.新建一个Plugin1.jsx文件，名字是之前定好的，你们随意，开心最重要，
引入之前建好poster.js文件

import {
   event} from "../../tools/poster"

在需要点的击的按钮事件中发布（抛出）事件

event.emit('plugin1Click',p1Msg);

完整代码如下：

import "./Plugin1.css"
import React,{
    Component } from "react"
import {
   event} from