更改所选选项时，选择值不会更改

Question

我需要一个向下滚动条来选择不同的选项，并且在选择任何选项时，它的值应该出现在该条中。现在的问题是，值不会根据选择而改变：

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>
);

Answer 1

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>
);