react event事件订阅传值

1yarn add event

1import { EventEmitter } from "events"; //引入插件
2export default new EventEmitter(); // 导出一个event实例

1import React,{useState, useEffect} from "react";
2import emitter  from "./event";
3
4const Child = () => {
5
6    const [val,setVal] = useState("初始值")
7
8    useEffect(()=>{
9        const listenerFn = data=>{
10            // 接收传过来的值
11            setVal(data)
12        }
13        // 创建监听事件
14        emitter.addListener("callMe",listenerFn)
15
16        // 销毁监听
17        return ()=>emitter.removeListener("callMe",listenerFn)
18
19    },[])
20
21    return (
22        <div>
23            {val}
24        </div>
25    );
26};
27
28export default Child;

1import React from "react";
2import emitter  from "./event";
3
4
5const Bor = () => {
6    
7    const handlePush = ()=>