Reactjs React组件意外共享状态

Reactjs React组件意外共享状态,reactjs,Reactjs,有人知道问题出在哪里吗?每个帖子都是一个独立的组件。当我单击第二篇文章的“评论”按钮时,第一篇文章上的“评论”框反而会出现。您的代码显示您在您的文章组件中为类似和不同的文章编写了代码。该代码适用于所有职位。尝试为类似部分创建单独的组件 请参见下面的例子:对于那些以后可能遇到此线程的人,我现在还没有找到任何有效的解决方案。因此,如果你的应用程序相当复杂的话,我如何解决这个问题有点麻烦,可能会花费很多时间。我在每篇文章中添加了id(不是HTML id),并在每篇文章中循环,并将id与发出“显示注释的


有人知道问题出在哪里吗?每个帖子都是一个独立的组件。当我单击第二篇文章的“评论”按钮时,第一篇文章上的“评论”框反而会出现。

您的代码显示您在您的文章组件中为类似和不同的文章编写了代码。该代码适用于所有职位。尝试为类似部分创建单独的组件


请参见下面的例子:

对于那些以后可能遇到此线程的人,我现在还没有找到任何有效的解决方案。因此,如果你的应用程序相当复杂的话,我如何解决这个问题有点麻烦,可能会花费很多时间。我在每篇文章中添加了id(不是HTML id),并在每篇文章中循环,并将id与发出“显示注释的动作”框的元素的id一起检查。如果它们匹配,只需将注释框的显示设置为block

你能展示你的代码吗?代码有点长。我把它放在这是jsbin中包含的Post的父组件的代码吗?我看不到。类似的功能很好用。主要问题是当我点击第二篇文章的评论按钮时,评论会显示在第一篇文章而不是第二篇文章上。是的,我理解你的问题。如果使用一个单独的组件,您的生活将变得轻松