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

Question

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

当附加这些时，很难预测容器的状态应该是什么样子。以及应该有哪些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