我需要一个滚动向下栏来选择不同的选项,而选择任何选项,则其值应显示在栏中。现在的问题是,该值不会根据选择而改变:
const [stateSelected, setStateSelected] = useState('')
const stateChange = e => {
setStateSelected(e.target.value)
}
var states = statepicker.getStates('us');
return (
<select className="settings__inputSelect" onChange={stateChange} value={''}>
<option value={""} disabled={true}>Select State</option>
{states.map(state => (
<option value={state} name="state">{state}</option>
))}
</select>
);
答案 0 :(得分:2)
const [stateSelected, setStateSelected] = useState('');
const stateChange = e => {
setStateSelected(e.target.value)
}
var states = statepicker.getStates('us');
return (
<select className="settings__inputSelect" onChange={stateChange} value={stateSelected}>
<option value={""} disabled={true}>Select State</option>
{states.map(state => (
<option value={state} name="state">{state}</option>
))}
</select>
);