react-select - w3toppers.com

How to programmatically clear/reset React-Select?

I came across this problem myself and managed to fix it by passing a key to the React-Select component, with the selected value appended to it. This will then force the ReactSelect to re-render itself when the selection is updated. I hope this helps someone. import ReactSelect from ‘react-select’; … <ReactSelect key={`my_unique_select_key__${selected}`} value={selected || ”} … Read more

How to set a default value in react-select

I guess you need something like this: const MySelect = props => ( <Select {…props} value = { props.options.filter(option => option.label === ‘Some label’) } onChange = {value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} /> );