如何在react的物料界面选择框中设置默认值？

我正在使用材料界面中的选择框

我想显示默认选中的“选择值”选项，但之后用户无法选择此选项

&lt；FormControl必需的类名={classes.FormControl}&gt；
&lt；输入标签htmlFor=“圆圈”&gt；圆圈&lt/输入标签&gt；
&lt；选择
值={circle}
onChange={event=&gt；handleInput（事件，“圆”）}
input={&lt；input name=“circle”id=“circle”/&gt；}
&燃气轮机；
&lt；菜单项值=“已禁用”&gt；
&lt；em&gt；选择值&lt/em&gt；
&lt/MenuItem&gt；
&lt；MenuItem值={10}&gt；十个&lt/MenuItem&gt；
&lt；MenuItem值={20}&gt；二十个&lt/MenuItem&gt；
&lt；MenuItem值={30}&gt；三十岁&lt/MenuItem&gt；
&lt/选择&gt；
&lt；FormHelperText&gt；一些重要的辅助文本&lt/FormHelperText&gt；
&lt/FormControl&gt；

沙盒上的当前代码：https://codesandbox.io/s/xoylmlj1qp

我想这样做：https://jsfiddle.net/wc1mxdto/

更新

我将状态20更改为圆圈中的空白字符串

表格：{
搜索值：“”，
圆圈：“”，
搜索条件：“
}

现在预期的输出应该是下拉列表，应该显示“请选择值”，但目前它显示这一点