React: 删除ES6语法中与bind一起使用的事件监听器？

我正在尝试通过postMessage API与iframe通信，但ES6中的eventListeners管理出现问题

在文档中指出

使用React，每个方法都会自动绑定到其组件实例（使用ES6类语法时除外）

问题在于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>
    )
  }
}

不管怎么说，还是要谢谢你 ！