如何访问 React 中的动态子组件？

Question

我有一个<Grid> 组件，其中<Rows> 是动态添加的。如下图

点击Add Menu Item 我将<Row> 组件推送到<Grid>

点击Save 我想访问到目前为止所有<Row> 组件中的数据。我知道我们可以使用 refs 访问单个输入，但是有没有办法将网格内容获取到 React 中的单个对象数组中？

Answer 1

您是否尝试过在<Grid> 中循环this.props.children？如果<Row> 公开了一个getter 方法，您应该可以通过这种方式访问​​它的内容。