我在评论框上玩fb的教程。让我们想象一下,我添加了删除注释的功能,所以我在评论组件中会有类似的东西 -
onClick={this.handleCommentDelete}
如何触发commentBox父组件状态的更改而不在commentList组件中传播回调,然后在注释组件中传播?
<commentBox>
<commentList>
<comment>
答案 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。