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

时间:2018-04-03 07:25:27

标签: react-bootstrap

我们的网站采用Bootstrap设计。我正在尝试实现React-Bootstrap选择组件。如何将其变成受控组件?更具体地说,如何标记所选选项。通常它在父组件中具有value属性。它是如何用于React-Bootstrap选择的?选择新选项时会运行什么功能?该功能的参数是什么?

1 个答案:

答案 0 :(得分:0)

经过反复试验,这是一个例子:

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>