将 React-Bootstrap 选择组件实现为受控组件

【问题标题】：Implementing React-Bootstrap select component as a controlled component将 React-Bootstrap 选择组件实现为受控组件
【发布时间】：2018-09-12 10:48:37
【问题描述】：

我们的网站采用 Bootstrap 样式。我正在尝试实现一个 React-Bootstrap 选择组件。如何将其变成受控组件？更具体地说，如何标记选定的选项。通常它在父组件中带有 value 属性。这也是 React-Bootstrap 选择的工作原理吗？选择新选项时运行什么功能？函数的参数是什么？

【问题讨论】：

标签： react-bootstrap

【解决方案1】：

经过反复试验，这里是一个例子：

const applySelect = (event) => {someFunction(event.target.value)};
const selectedValue = 3;
return (
    <FormGroup controlId="formControlsSelect">
        <ControlLabel >Label String</ControlLabel>
        <FormControl componentClass="select" placeholder="select" value={selectedValue} onChange={applySelect}>
            <option value="0" key="0">Option 0</option>
            <option value="1" key="1">Option 1</option>
            <option value="2" key="2">Option 2</option>
        </FormControl>
     </FormGroup>

【讨论】：