如何验证反应js中的下拉菜单

Question

我正在尝试在reactjs中验证一个包含select下拉框的基本表单。我是新的反应并且无法弄清楚正确的教程。请建议。

<select required className = "custom form-group" name = "workFlow" 
        value = {this.state.result.workflow}
        required onChange = { this.handleChange} > 
  {
    data.map((data1) => {
      return <option key={data1.id}>{data1.workType}
      </option>;
    })
  }
</select>

我从json文件中获取数据，我需要将此选择字段设为必需

Answer 1

使用＆＃34; required＆＃34;带元素的属性

• 您必须至少拥有一个子元素
• 第一个子元素必须具有空值属性OR
• 第一个子元素必须没有文本内容。

除此之外，如果你想使用事件处理程序，那么检查你在onSubmit表单处理程序中从表单收到的数据，然后利用状态显示错误消息或者如果检查通过，则将请求提交给服务器

希望这可以帮到你。