我正在尝试在选择模式下设置“必需”文本字段。
我尝试像此代码片段中那样添加 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 错误,指出“此字段是必需的”,如果字段是“选择”,则不是这种情况。
最佳答案
关于reactjs - Material Ui - 在 "select"模式下向 TextField 添加所需属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52132544/