React Component意外共享状态

时间:2018-07-07 04:25:18

标签: reactjs

When I click the comment button of the second post, the comment box on the first one appear instead. 有人知道是什么问题吗?每个帖子都是一个独立的组件。当我单击第二篇文章的评论按钮时,将改为显示第一篇文章的评论框。

2 个答案:

答案 0 :(得分:0)

您的代码显示您已在Post组件中为某篇类似和不同的文章编写了代码。该代码对所有帖子都是通用的。尝试为喜欢的部分创建一个单独的组件。

有关类似示例,请参见此SO:React toggle like button

答案 1 :(得分:-1)

对于那些以后可能会遇到此线程的人,我目前尚未找到任何有效的解决方案。因此,如果您的应用程序非常复杂,我如何解决这个问题可能有点费力。我在每个帖子中添加了id(不是HTML id),并在每个帖子中循环浏览,并检查ID与发出操作以显示评论框的元素的ID。如果它们匹配,只需将注释框的显示设置为阻止。