在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

加阿！ handleEmailchange应该是handleEmailChange （大写的“ C”）。