Обмен событиями между компонентами React

Question

Я делаю расширение Chrome, которое вставляет на страницу 2 разных варианта React. Я бы хотел, чтобы каждый из них синхронизировался, отправив 2-ое событие с соответствующими данными, когда в первом было выбрано что-то еще.

Есть ли практика, когда дело доходит до отправки событий другим компонентам?

Я попытался это из первого:

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!"); 
    }, 

Но ничего не поймали во 2-й.

Answer 1

Gaaah! handleEmailchange должно быть handleEmailChange (столица 'C').