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

Question

我有一个<Grid>组件，动态添加<Rows>。如下图所示

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

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

Answer 1

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