React多重选择下拉菜单

Question

我有一个问题与我的选择博士值不显示。我还希望他们能够选择相应的列。

const [valueState, setValueState] = useState('');
const filterOptions = [
{ value: '', label: 'Select a column' },
{ value: 'all', label: 'All' },
{ value: 'first_name', label: 'First Name' },
{ value: 'last_name', label: 'Last Name' },
{ value: 'email', label: 'Email' },
{ value: 'title', label: 'Title' },
const handler = (event) => {
const { value } = event;
setValueState(value);
};````
<SelectBox
value=""
defaultValue=""
placeholder="Select columns"
isMulti
options={filterOptions}
onChange={handler}
name="ColumnSelect"
label=""
isClearable
/>

Answer 1

尝试这个更改

//create a state to store the value
const [valueState, setValueState] = useState('');
//handler function
const handleSelectChange = (value) => {
setValueState(value);
}
// change your `value` & `onChange` prop
<SelectBox
value={valueState}
defaultValue=""
placeholder="Select columns"
isMulti
options={filterOptions}
onChange={ (value) => handleSelectChange(value) }
name="ColumnSelect"
label=""
isClearable
/>