javascript – 如何解决反应本机EventEmitterListener警告

前端之家收集整理的这篇文章主要介绍了javascript – 如何解决反应本机EventEmitterListener警告前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用事件发射器在地图组件和工具栏之间进行通信.注意*我在我的应用程序的其他部分使用相同的代码,没有问题.我得到的错误是:

Warning: setState(…): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the undefined component.

我已经尝试通过类似的帖子解决这个问题,但它不工作.我以为这跟安装&&&在两个组件中卸载方法

工具栏组件

componentDidMount() {
    this.showLocateIconListener = AppEventEmitter.addListener('isTrip',this.isTrip.bind(this));
    this.endTripListener = AppEventEmitter.addListener('showLocateIcon',this.showLocateIcon.bind(this));
    this.endSubdivisionIcon = AppEventEmitter.addListener('showSubdivisionIcon',this.showSubdivisionIcon.bind(this));
}

componentWillUnMount() {
    this.showLocateIconListener.remove();
    this.endTripListener.remove();
    this.endSubdivisionIcon.remove();
}


 //// this is where the error is happening
showSubdivisionIcon(val) {
    if (val != 0)
        this.setState({
            items: menuSubdivision,subdivisionId: val
        })
    else
        this.setState({
            items: menu
        })
}

地图组件

onMarkerPress(val) {
    AppEventEmitter.emit('showSubdivisionIcon',val.id);
}

EventEmitter.js的控制台错误详细信息导致这一点

subscription.listener.apply(
        subscription.context,Array.prototype.slice.call(arguments,1)
      );

EventEmitter.js中的完整部分

/**
   * Emits an event of the given type with the given data. All handlers of that
   * particular type will be notified.
   *
   * @param {string} eventType - Name of the event to emit
   * @param {...*} Arbitrary arguments to be passed to each registered listener
   *
   * @example
   *   emitter.addListener('someEvent',function(message) {
   *     console.log(message);
   *   });
   *
   *   emitter.emit('someEvent','abc'); // logs 'abc'
   */
  emit(eventType: String) {
    var subscriptions = this._subscriber.getSubscriptionsForType(eventType);
    if (subscriptions) {
      var keys = Object.keys(subscriptions);
      for (var ii = 0; ii < keys.length; ii++) {
        var key = keys[ii];
        var subscription = subscriptions[key];

        // The subscription may have been removed during this event loop.
        if (subscription) {
          this._currentSubscription = subscription;
          subscription.listener.apply(
            subscription.context,1)
          );
        }
      }
      this._currentSubscription = null;
    }
  }

解决方法

唯一的问题是您的事件侦听器不会被删除,因为componentWillUnmount方法名称不正确.在你的代码中,M是Mount,它应该是小写的.
componentWillUnmount() {
    this.showLocateIconListener.remove();
    this.endTripListener.remove();
    this.endSubdivisionIcon.remove();
}

猜你在找的JavaScript相关文章