React: ईएस 6 सिंटैक्स में बाइंड के साथ उपयोग किए गए ईवेंट श्रोता को हटा दें?

मैं पोस्टमैसेज एपीआई के साथ एक आईफ्रेम के साथ संवाद करने की कोशिश कर रहा हूं, लेकिन ईएस 6 में इवेंटलिस्ट प्रबंधन के साथ मेरा एक मुद्दा है

यह डॉक्स में कहा गया है कि

प्रतिक्रिया के साथ, प्रत्येक विधि स्वचालित रूप से इसके घटक उदाहरण के लिए बाध्य होती है (ईएस 6 वर्ग सिंटैक्स का उपयोग करते हुए छोड़कर)

समस्या यह है कि this.handler.bind(this) !== this.handler इसलिए जब मैं घटना के साथ किया जाता हूं तो मैं श्रोता को हटा नहीं सकता क्योंकि मैं हैंडलर का संदर्भ नहीं रख सकता। मैं फंक्शन को एनकैप्सुलेट करने की कोशिश कर सकता था, लेकिन एनकैप्सुलेटिंग फंक्शन को भी बाइंडिंग की जरूरत होती। मैं कंस्ट्रक्टर को भी सुपर करने की कोशिश कर सकता था, लेकिन मुझे यकीन नहीं है कि यह एक अच्छा विचार है, साथ ही मुझे नहीं पता कि इसकी जरूरत है। मुझे पूरा यकीन है कि मुझे यहाँ एक महत्वपूर्ण बिंदु याद आ रहा है।

कोई भी सहायताकाफी प्रशंसनीय होगी !

export default class SomeComponent extends Component {

  handleIframeData(event) {
    // some stuff in there that will need 'this' to be set to the component's context, to get props for example.
  }

  componentDidMount() {
    window.addEventListener('message', this.handleIframeData.bind(this), false)
  }

  componentWillUnmount() {
    // won't work because 'this.handleIframeData.bind(this) !== this.handleIframeData'
    window.removeEventListener('message', this.handleIframeData, false)
  }

  render() {
    return (
      <div className="SomeComponent" style={{height: '100%', width:'100%', display: 'table'}}>
        <iframe src="assets/iframe/index.html" style={{display: 'table-row', width: '100%', height:'100%', border: 0}}></iframe>
      </div>
    )
  }
}

फिर भी धन्यवाद !