事件总线 event bus

import React, { PureComponent } from 'react'

import {EventEmitter} from 'events';

//  yarn add events

// 事件总线 event bus

const eventBus = new EventEmitter();

class Home extends PureComponent{

    componentDidMount(){

        eventBus.addListener('sayHello',this.handleSayHelloListener)

    }

    componentWillUnmount(){

        eventBus.removeListener('sayHello',this.handleSayHelloListener);

    }

    handleSayHelloListener(...args){

        console.log(args);

    }

    render() {

        return (

            <div>

                Home

            </div>

        )

    }

}

class Profile extends PureComponent{

    render() {

        return (

            <div>

                Profile

               <button onClick={e =>this.emmitEvent()}>点击的Profile按钮</button> 

            </div>

        )

    }

    emmitEvent(){

        // eventBus.emit("sayHello","hello home",'123')

        // eventBus.emit("sayHello","hello home",'123',{

        //     id:1,

        //     age:25

        // })

        eventBus.emit("sayHello",{

            id:1,

            age:25

        })

    }

}

export default class App extends PureComponent {

    render() {

        return (

            <div>

                <Home />

                <Profile />

            </div>

        )

    }

}