在React组件之间交换事件

Question

我正在制作Chrome扩展程序，在页面上插入2个不同的React扩展程序。我想通过在第一个事件中选择其他内容时向第二个事件发送包含适当数据的事件来保持每个事件同步。

在将事件发送到其他组件时是否有最佳做法？

我从第一次尝试了这个：

evt = new CustomEvent("selectedEmailChange", {
  detail: {
    email: data.email
  }
});
window.dispatchEvent(evt);

然后在第二场：

  componentDidMount: function() {
    this.listenForEmailChange();
  },
  componentWillUnmount: function() {
    window.removeEventListener("selectedEmailChange", this.handleEmailChange, false);
  },
  listenForEmailChange: function() {
    window.addEventListener("selectedEmailChange", this.handleEmailChange, false);
  },
  handleEmailchange: function() {
    debugger
    console.log("i heard you dog!");
  },

但是在第二场比赛中没有被抓住。

Answer 1

Gaaah！ handleEmailchange应为handleEmailChange（首都'C'）。