javascript - React：如何访问表单的多个组合或元素

Question

我正在使用引导反应。

我有几个组合具有相同的值列表和在同一页面中选择的相同值。我想要的是如果我修改其中一个，那么所有其他的都将它的值更改为我选择的值。

我的代码结构是：

<FormGroup>

<Form.Control as="select" 
    id = "season-1"
    style = {{marginTop: 10 + "px"}}
    value = {this.state.seasons.description}
    onChange = {this.handleChange}>
        {this.state.seasons_options}
</Form.Control>  
<Form.Control as="select" 
    id = "season-1"
    style = {{marginTop: 10 + "px"}}
    value = {this.state.seasons.description}
    onChange = {this.handleChange}>
        {this.state.seasons_options}
</Form.Control>  
<Form.Control as="select" 
    id = "season-1"
    style = {{marginTop: 10 + "px"}}
    value = {this.state.seasons.description}
    onChange = {this.handleChange}>
        {this.state.seasons_options}
</Form.Control>  
<Form.Control as="select" 
    id = "season-1"
    style = {{marginTop: 10 + "px"}}
    value = {this.state.seasons.description}
    onChange = {this.handleChange}>
        {this.state.seasons_options}
</Form.Control>  
<Form.Control as="select" 
    id = "season-1"
    style = {{marginTop: 10 + "px"}}
    value = {this.state.seasons.description}
    onChange = {this.handleChange}>
        {this.state.seasons_options}
</Form.Control>  

</FormGroup>

然后，我想修改其中的某个人，然后修改所有其他人的选定值。

我怎样才能做到这一点？

标签： javascriptreactjsformsreact-bootstrap