У меня проблема с использованием реакции-select. Я использую редукционную форму, и я сделал свой компонент "реакция-выбор" совместимым с формой редукса. Вот код:
const MySelect = props => (
<Select
{...props}
value={props.input.value}
onChange={value => props.input.onChange(value)}
onBlur={() => props.input.onBlur(props.input.value)}
options={props.options}
placeholder={props.placeholder}
selectedValue={props.selectedValue}
/>
);
и вот как я его визуализирую:
<div className="select-box__container">
<Field
id="side"
name="side"
component={SelectInput}
options={sideOptions}
clearable={false}
placeholder="Select Side"
selectedValue={label: 'Any', value: 'Any'}
/>
</div>
Но проблема в том, что мое выпадающее меню не имеет значения по умолчанию, как мне хотелось бы. Что я делаю неправильно? Любые идеи?