Advertisement

React兄弟组件的数据传输作为事件路由模块用于管理应用上下文

阅读量:

1.EventEmitter (事件派发器) 实现兄弟组件传值

复制代码
    使用:
    你需要创建一个基于EventEmitter类的自定义类,基于EventEmitter类得到的示例,都绑定了一个监听器eventEmitter.on()用于监听事件
    eventEmitter.emit()用于触发事件。
    
    
      
      
      
    
复制代码
    // bus.js
    import {EventEmitter} from 'events'
    
    var bus = new EventEmitter()  //注册一个组件
    export {bus} //导出
    
    // a.js  兄弟组件1
    import React, { Component } from 'react'
    import {bus} from './bus'
    export default class a extends Component {
    render() {
        //传值的触发函数
        sentToB = ()=>{
            bus.emit('eventbus',{
                name:'i am

全部评论 (0)

还没有任何评论哟~