React Component意外共享状态

Question

有人知道是什么问题吗？每个帖子都是一个独立的组件。当我单击第二篇文章的评论按钮时，将改为显示第一篇文章的评论框。

Answer 1

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

有关类似示例，请参见此SO：React toggle like button

Answer 2

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