react中component communication evenbus full explanation on usage case study of sibling component value transmission

文章结构概述

• 引言
  • • 兄弟组件间的数据传递
    • 对eventbus使用方式的归纳与总结

前言

本文将向大家介绍在React框架中实现组件间数据传递的另一种途径，即通过EventBus进行值的传递，并依旧采用简单的示例来具体说明其应用方式。

兄弟组件传值机制

在兄弟组件之间进行通信时，可以借助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方法触发事件：
需