从 React 中的动态表单获取数据

Question

我在从表单中获取数据时遇到了一些麻烦。表单本身是动态的，这意味着我的某些字段并不总是存在，而是仅在特定情况下呈现。

当附加这些时，很难预测容器的状态应该是什么样子。还有哪些handleChange函数应该在那里。我的表单中的组件至少有 2 层深，因此组件本身就是将最终的输入组件渲染到 DOM。

看了一会，发现有人一直在使用refs，但是对于这种方式有很多负面的看法。而且它看起来确实有点……繁琐。

问题： 如果表单是动态的，你怎么能从表单中获取所有数据？

设置：

<Form onSubmit={this.acceptOffer.bind(this)}>
<MainProductContainer offer={this.state.offer}/>
<RequirementsContainer requirements={this.state.offer.requirements}/>
<Segment basic textAlign='center'>
   <Button
        type='submit'
        content='Send'
        primary
        loading={this.state.accept_state == 'pending'}>
   </Button>
</Segment>

.

acceptOffer(event) {
    //This is where I want to get all the data from the form
}

Answer 1

您可以在这里找到操作方法：React Native how to pass this.setState change to parent