如何将其他选项中的相同值发布到服务器

Question

在我的 React 应用程序中，我有一个带有不同选项的选择框。其中两个选项具有相同的值以发布到服务器：

    <div className="form-group">
      <label>Category</label>
      <select className="form-control" onChange={this.handleCategorySelect} value={this.state.category}>
        <option></option>
        <option value="temperature">Temperature</option>
        <option value="humidity">Humidity</option>
        <option value="temperature">Water temperature</option>
        <option value="smoke">Smoke</option>
      </select>
    </div>

问题 1：当我选择“水温”选项时，我在选项字段中看到“温度” 问题2：如何让handleCategorySelect 函数正常工作？我的意思是，如何选择与“温度”选项值相同的“水温”选项并将其发送到服务器？

handleCategorySelect：

  handleCategorySelect = e => {
    this.setState({ category: e.target.value })
  }

问题 3：当用户在类别中选择“水温”选项时，我想禁用“频率”表单字段，该怎么做？里面有什么“if”语句吗？

    <div className="form-group">
      <label>Category</label>
      <select className="form-control" onChange={this.handleCategorySelect} value={this.state.category}>
        <option></option>
        <option value="temperature">Temperature</option>
        <option value="humidity">Humidity</option>
        <option value="temperature">Water temperature</option>
        <option value="smoke">Smoke</option>
      </select>
    </div>

    <div className="form-group">
      <label>Frequency</label>
      <select className="form-control" onChange={this.handleFrequency} value={this.state.frequency}>
        <option></option>
        <option value="seconds">Seconds</option>
        <option value="minutes">Minutes</option>
        <option value="hours">Hours</option>
        <option value="days">Days</option>
      </select>
    </div>

Answer 1

温度和水温具有相同的“温度”值

  <option value="temperature">Temperature</option>
  <option value="temperature">Water temperature</option>

将水温值更改为其他值

  <option value="waterTemperature">Water temperature</option>