Event-bus-hooks NPM

event-bus-hooks 是一个效力于react的事件发布订阅工具。

安装

npm i event-bus-hooks

基础使用

需引入：

import Bus,{useEventBus} from 'event-bus-hooks';

//订阅
Bus.$on('订阅方法名称',(args)=>{
  // handle
});

// hooks 订阅
useEventBus('订阅方法名称',订阅回调方法,[依赖项]);

// hooks 发布
Bus.$emit('订阅方法名称',args);

//发布
Bus.$emit('订阅方法名称',args);

//取消订阅
Bus.$off('订阅方法名称');

注意: 因为订阅的方法存在闭包，所以如果想要在订阅方法回调中使用最新的变量（如reacr中 redux的值），编码可以如下

或者使用useEventBus。推荐使用useEventBus。精简代码。

useEffect(() => {
    //订阅
    Bus.$on('订阅方法名称',(args)=>{
      console.log(reduxData);
    });
    return ()=>{
      // 取消订阅，防止重复订阅.
      Bus.$off('订阅方法名称');
    }
  }, [reduxData]);