“概述”在 Material UI 中不起作用选择

Question

我正在实施材料 UI“选择”，其值来自后端。下面是我的代码

<FormControl variant="outlined" className={classes.formControl}>
  <InputLabel ref={inputLabel} id="demo-simple-select-outlined-label" htmlFor="outlined-Name">
                                    Name
  </InputLabel>
  <Select
    value={Name}
    onChange={handleChange}
    labelWidth={labelWidth}
    inputProps={{
      name: 'Name',
      id: 'outlined-Name',
   }}
>
 <MenuItem value="1" className={classes.menuItm}>All</MenuItem>
   {
     NameArr.data.map(Name => (
     <MenuItem value={Name.name} className={classes.menuItm}>{Name.name}</MenuItem>
 ))
   }
</Select>      
</FormControl>

以下代码的问题variant="outlined"是没有得到应用。根据此处的演示 ，我看不到应该存在的轮廓/边框https://codesandbox.io/s/material-demo-9jyoj我的代码有什么问题？

Answer 1

您需要更新@material-ui/core包。在当前版本中 ( 4.9.1)outlined已正确传递给<FormControl>子级。

4.1.0对我个人来说，从到 的更新4.9.1解决了这个问题。