如何在react中更新父级父组件的状态?

时间:2015-02-21 21:34:30

标签: javascript reactjs reactjs-flux

我在评论框上玩fb的教程。让我们想象一下,我添加了删除注释的功能,所以我在评论组件中会有类似的东西 -

onClick={this.handleCommentDelete}

如何触发commentBox父组件状态的更改而不在commentList组件中传播回调,然后在注释组件中传播?

<commentBox>
  <commentList>
    <comment>

1 个答案:

答案 0 :(得分:0)

我正在使用PubSub模式在组件之间进行通信。在commentBox中:

componentDidMount: function() {
    PubSub.subscribe("COMMENT_DELETED", function( msg, data ){
        console.log( data ); //logs "commentId"
    });
}

在handleCommentDelete中:

PubSub.publish("COMMENT_DELETED", {commentId: commentId});

对于PubSub我正在使用这个库(当然还有其他库):https://www.npmjs.com/package/pubsub-js