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

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 = e => {
this.setState({ category: e.target.value })
}

问题3：我想禁用"；频率"；当用户选择"表单"字段时；水温"；选项，如何做到这一点？任何"；如果"；里面的声明还是什么？

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