Реализация компонента выбора React-Bootstrap в качестве контролируемого компонента

Наш сайт оформлен с помощью Bootstrap. Я пытаюсь реализовать компонент выбора React-Bootstrap. Как мне превратить его в контролируемый компонент? Точнее, как отметить выбранный вариант. Обычно это свойство value в родительском компоненте. Это то, как это работает и для выбора React-Bootstrap? Какая функция запускается при выборе новой опции? Каковы параметры функции?


react-bootstrap
person Ben Carp    schedule 03.04.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

После проб и ошибок вот пример:

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>
person Ben Carp    schedule 12.04.2018