此机制可用于 react 中兄弟组件中的通信
npm install events -S
事件总线:
// eventBus.js import {EventEmitter} from 'events'; export default new EventEmitter();
监听:
import Bus from './eventBus' Bus.addListener('changeSiblingsData', (msg) => { this.setState({ bus: msg, }); console.log(msg); });
触发:
import Bus from './eventBus' Bus.emit('changeSiblingsData', msg);
本文介绍了一种在React中实现兄弟组件间通信的方法,通过使用事件总线(Event Bus)模式,利用Node.js的EventEmitter模块,创建了一个全局的事件监听和触发机制。这种方法避免了直接修改兄弟组件状态的问题,使得组件之间的通信更加灵活和解耦。
884

被折叠的 条评论
为什么被折叠?



