reactjs - Material Ui - 在 "select"模式下向 TextField 添加所需属性

Question

我正在尝试在选择模式下设置“必需”文本字段。我尝试像此代码片段中那样添加 required 属性，但是如果我没有选择任何内容，这不会阻止提交事件。尽管它在标签中添加了“*”。

请检查此sandbox

<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验证。在沙箱示例中，有“选择”和“文本”字段，根据需要设置文本字段将阻止提交事件并显示 native html5 错误，指出“此字段是必需的”，如果字段是“选择”，则不是这种情况。

Answer 1

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

请检查此示例