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

Question

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

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

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

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

Answer 1

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

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

如果要更新 cmets，请更新数据。

将数据拉出视图，或手动操作视图违背了反应的目的。