兄弟组件间消息订阅

一、发消息

import React, { Component } from "react";
import PubSub from "pubsub-js";

export default class C1 extends Component {
  search = () => {
    //发送请求前通知List更新状态
    PubSub.publish("atguigu", { isFirst: false, isLoading: true });
  };
}

二、收消息

import React, { Component } from "react";
import PubSub from "pubsub-js";

export default class C2 extends Component {
  componentDidMount() {
    this.token = PubSub.subscribe("atguigu", (_, stateObj) => {
      this.setState(stateObj);
    });
  }

  componentWillUnmount() {
    PubSub.unsubscribe(this.token);
  }
}