JZTXT

React - fbemitter 广播

发布时间 2023-06-19 16:13:11作者: 马铃薯头抽雪茄

前言

fbemitter相当于是一个作用在全局的监听器

可用于想触发某个组件的函数可以通过开启监听来触发

正式开始~

1.准备工作

npm install fbemitter

2.我一般实例化提出来单独作为引用文件

// 我这里把文件的名字定义为 singleton.js
import { EventEmitter } from 'fbemitter'; // 先解构出

const SINGLETON = {
  globalEventEmitter: new EventEmitter(), // new出来
};

export default SINGLETON;

 3.引用

/**
**注：这个页面一般为基础页
在constructor阶段再new一个EventEmitter

**/
import { EventEmitter } from 'fbemitter';
import singleton from 'misc/singleton';

class BasePage extends React.PureComponent {
    constructor(props) {
        super(props);
        this.eventEmitter = new EventEmitter();
      }
}