NextJS开发：使用EventBus实现跨组件消息通知-灵析社区

NextJS、React中跨组件消息事件通知

1.创建event-bus.ts

import { EventEmitter } from 'events'
export default new EventEmitter()

2. 设置监听

useEffect(() => {
    EventBus.on("test_event", handleGenerateTopic);//监听事件总线
    return () => {
    EventBus.removeListener("test_event", handleGenerateTopic);//移出事件总线
    }
}, []);

const handleGenerateTopic = (content: string) => {
}
————————————————
版权声明：本文为CSDN博主「芝士思维」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhbzhb324/article/details/134669485
useEffect(() => {
    EventBus.on("test_event", handleGenerateTopic);//监听事件总线
    return () => {
    EventBus.removeListener("test_event", handleGenerateTopic);//移出事件总线
    }
}, []);

const handleGenerateTopic = (content: string) => {
}

3. 发送事件

EventBus.emit("test_event", "hello")