在useEffect函数中有一个名为users的数组，我正在尝试使用map函数在select选项中呈现它。

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>

页面加载但当我单击其他输入文本时引发错误