React Native中的事件订阅冲突

时间:2018-06-24 13:53:56

标签: javascript reactjs firebase react-native firebase-realtime-database

我正在学习React Native + Firebase作为后端。在这一点上,我需要显示评论和一个项目具有的评论数。 要显示评论列表,组件ArtistDetailView正在侦听child_added事件:

  componentDidMount() {
    this.getArtistCommentsRef().on('child_added', this.addComment);
  }

  componentWillUnmount() {
    this.getArtistCommentsRef().off('child_added', this.addComment);
  }

enter image description here

它工作正常,但是当我尝试在ArtistBox中添加另一个收听内容以显示评论数时,我只获得列表中评论的最后一项。这是Im在ArtistBox处使用的监听器:

  componentWillMount() {
    this.getArtistCommentsRef().on('value', this.handleCommentOnValue)
  }

  componentWillUnmount() {
    this.getArtistCommentsRef().off('value', this.handleCommentOnValue)
  }

enter image description here

它们是具有不同状态的不同组件。只需在getArtistCommentsRef().on('value')中添加侦听器ArtistBox即可显示该错误。甚至在handleCommentOnValue函数中什么也没做

0 个答案:

没有答案