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