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