我的 React.js 應用程序中有 2 個<select>列表。它們渲染得很好，并且附加到一個handleChange函數上。它們被編程為最初默認為第一個選項。當用戶選擇另一個選項時，列表在視覺上似乎保留第一個選項。但是，當我提交表單并提醒狀態中的關聯值時，它會提醒用戶選擇的值。這是我的渲染函數：<div id="userActions">  <form id="userActionsForm" onSubmit={this.handleSubmit}>    <label htmlFor="operator">Operator:</label>    <select      id="operator"      name="operator"      value={this.state.operator}      onChange={this.handleChange}    >      {this.state &&        this.state.operators &&        this.state.operators.map((op) => <option value={op}>{op}</option>)}    </select>    <label htmlFor="user">User:</label>    <select      id="user"      name="user"      value={this.state.user}      onChange={this.handleChange}    >      {this.state &&        this.state.testUsers &&        this.state.testUsers.map((tu) => <option value={tu}>{tu}</option>)}    </select>    <div className="submit">      <input type="submit" value="Submit" />    </div>    <span className="error">{this.state.error}</span>  </form></div>這是我的onChange功能：handleChange(event) {  this.state.value = event.currentTarget.value;  if (event.currentTarget.id === 'operator') {    this.state.operator = event.currentTarget.value;  } else if (event.currentTarget.id === 'user') {    this.state.user = event.currentTarget.value;  }}這是我的onSubmit：handleSubmit(event) {  alert(this.state.user);  alert(this.state.operator);  event.preventDefault();}