react中组件通信之evenbus使用详解（兄弟组件传值案例）

前言

今天给大家介绍react中的另一种传值方式——使用evenbus进行传值，还是一样的以小案例来讲解它的具体用法

兄弟组件传值

兄弟组件中,使用eventbus事件总线进行通信,采用发布-订阅event bus进行。使用evenbus我们先要下载它
下载events：

yarn add -D events

然后新建一个event.js文件，如下：

import {
    EventEmitter } from "events"

// 导入事件总线,利用这个对象发射和监听事件,这个对象是全局的
const eventBus = new EventEmitter()

export default eventBus

我们来到兄弟组件A当中，引入eventBus,然后使用emit发送事件：
注意发送的格式：发送事件eventBus.emit(‘事件名’, 参数1, 参数2)

import React, {
    Component } from 'react'
import eventBus from './event'

export class Header extends Component {
   
    send = () => {
   
        let name = '点赞关注，好好学前端'