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") 


阅读量:2039

点赞量:0

收藏量:0