材质Ui-在“选择”模式下将必填属性添加到TextField

Question

我试图在选择模式下使“必需”成为TextField。我尝试required在此代码段中添加prop，但是如果我没有选择任何内容，这不会阻止Submit事件。尽管它在标签上添加了“ *”。

请检查此沙箱

<TextField
  id="select-currency"
  select
  label="Select"
  value={this.state.currency}
  onChange={this.handleChange("currency")}
  required
>
  {currencies.map(option => (
    <MenuItem key={option.value} value={option.value}>
      {option.label}
    </MenuItem>
  ))}
</TextField>

更新：（确实要澄清）我正在谈论html5验证。在沙盒示例中，有“选择”和“文本”字段，根据需要设置文本字段将阻止Submit事件并显示一个本地html5错误，提示“此字段是必需的”，如果该字段为“ select”，则不是这种情况。

Answer 1

Material Ui 提供了另一个组件Native Select来处理这种本机验证。

请检查这个例子