如何在ReactJS ES6中刪除Listener

Question

我在React項目中使用es6。

componentDidMount() {
        userStore.addListener(ViewUpdateTypes.USER_UPDATE,(data)=>this._onChange(data));
        userStore.addListener(ViewUpdateTypes.FD_MENU_UPDATE,(data)=>this._onChange(data));
};

現在我想要removeListener，該怎么辦。

Answer 1

您可以像這樣執行constructor和Function.prototype.bind 。

constructor(props) {
    super(props);
    this._onChange = this._onChange.bind(this);
}
componentDidMount() {
    userStore.addListener(ViewUpdateTypes.USER_UPDATE, this._onChange);
    userStore.addListener(ViewUpdateTypes.FD_MENU_UPDATE, this._onChange);
}
componentWillUnmount() {
    userStore.removeListener(ViewUpdateTypes.USER_UPDATE, this._onChange);
    userStore.removeListener(ViewUpdateTypes.FD_MENU_UPDATE, this._onChange);
}