ReactJS：如何访问父组件中的所有子组件？

Question

假设我的comments列表组件包含comments个组件。我想实现将返回所有comments组件的方法。我为每个comment组件分配了相同的参考：

<comments>
 <comment ref="myComments" text="abc" />
 <comment ref="myComments" text="efg" />
</comments>

我以为我可以通过this.refs.myComments访问我的所有组件但它不起作用 - 它只返回最后一个评论组件。

访问所有comment组件的正确方法是什么？

Answer 1

没有正确的方法可以做到这一点。

您的视图是您的数据的表示，因此如果您想要所有评论的文本，请查看数据。

如果您想更新评论，请更新数据。

将数据拉出视图，或手动操作视图会失败反应的目的。