react-select – Make Me Engineer

How to programmatically clear/reset React-Select?

May 21, 2023 by Tarik

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

May 20, 2023 by Tarik

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} /> ); #EDIT 1 : In the new version const MySelect = props => ( <Select {…props} options={props.options} onChange = … Read more