9.15 eventBus

文章目錄

eventbus事件總線進行通信,采用 釋出-訂閱event bus進行,可以在任意元件中通信

1. 下載下傳events

npm i -D events
           

1. 建立一個event.js檔案

import {EventEmitter} from "events";
const eventBus = new EventEmitter();
export default eventBus;
           

1. 釋出資料的元件

import eventBus from 'xxx';
eventBus.emit('sayHello',data);
           

1. 訂閱資料的元件

import eventBus from 'xxx';
componentDidMount() {
   eventBus.addListener('sayHello',this.sayHelloListener);
}
sayHelloListener = (data) => {
    console.log(data);
}