React消息订阅与发布库pubsub-js的使用

  1. 安装库 yarn add pubsub-js
  2. 订阅
import PubSub from 'pubsub-js';

  // 订阅
  useEffect(() => {
    
    
    PubSub.subscribe('refreshKey', (_, data) => {
    
    
      console.log('事件名称: ', _);
      console.log('订阅消息:', data);
    });
  }, [getDetail]);
  1. 发布
  // PubSub.publish('事件名称string', '传参any');
  PubSub.publish('refreshKey', {
    
     isRefresh: true });
  1. 销毁
 // 取消订阅
 useUnmount(() => {
    
    
   PubSub.unsubscribe('refreshKey');
 });

猜你喜欢

转载自blog.csdn.net/yiguoxiaohai/article/details/129734749