我使用Select box从material 用户界面
我想显示默认选中的" Select 值"选项，但之后用户无法 Select 此选项.
<FormControl required className={classes.formControl}>
<InputLabel htmlFor="circle">Circle</InputLabel>
<Select
value={circle}
onChange={event => handleInput(event, "circle")}
input={<Input name="circle" id="circle" />}
>
<MenuItem value="" disabled>
<em>select the value</em>
</MenuItem>
<MenuItem value={10}>Ten</MenuItem>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>
<FormHelperText>Some important helper text</FormHelperText>
</FormControl>
Sandbox 上的当前代码:https://codesandbox.io/s/xoylmlj1qp
我想这样做:https://jsfiddle.net/wc1mxdto/
使现代化
我将状态20改为圆圈中的空白字符串
form: {
searchValue: "",
circle: '',
searchCriteria: ""
}
现在预期的输出应该是下拉列表，应该显示"请 Select 值"，但目前它显示这一点