Не удается прочитать свойство 'map' из undefined при выборе параметров раскрывающегося списка из массива в useEffect

Question

У меня есть массив с именем users в функции useEffect, и я пытаюсь отобразить его в параметре выбора с помощью функции карты

let dropdown= React.createRef();

useEffect(() => {
    setstate({
      users: ['test user', 'lokesh'],
      username: 'test user'
    })
});

, и у меня есть форма, в которой я хочу отобразить ее в раскрывающемся списке

<form onSubmit={onsubmit}>
    <div className="form-group">
      <label for="username">Username</label>
      <select ref={dropdown}
        required
        className="form-control"
        value={state.username}
        onChange={onChangeUsername}
      >
        {state.users.map(user => {
          return (
            <option
              key={user}
              value={user}>
              {user}
            </option>
          )
        })}
      </select>
</div>
<form>

страница загружается, но выдает ошибку, когда я щелкаю другие входные тексты

Answer 1

Я сделал здесь пример stackblitz, надеюсь, это решение, которое вам нужно. Извините, но я не знаю, как создать скрипку здесь. То, как вы используете useEffect, здесь неверно. А в компоненте функции это не createRef, а useRef для справки.

Проверка стека бликов

useEffect(() => {
setstate({
  users: ['test user', 'lokesh'],
  username: 'test user'
})
},[]);