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

时间:2016-12-07 13:05:10

标签: javascript forms reactjs

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

当附加它们时,很难预测容器的状态应该如何。还有哪些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
}

1 个答案:

答案 0 :(得分:1)

您可以在此处找到如何操作:React Native how to pass this.setState change to parent