我有一些麻烦从表单中获取数据。表单本身是动态的,这意味着我的某些字段并不总是存在,而只是在特定情况下呈现。
当附加它们时,很难预测容器的状态应该如何。还有哪些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
}