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

Question

我需要一个滚动条，to select不同的选项，并且选择了任何选项，但其值应出现在栏中。 现在的问题是，值不会根据选择而改变：

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