“outlined”在 Material UI Select 中不起作用-解网

问：

我正在实现 Material UI“Select”，其值来自后端。以下是我的代码

<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>

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

css reactjs select 下拉菜单 material-design

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

上一个：JPQL 构造函数表达式，如何在“select new”中急切地获取主实体

下一个：为什么此触发器没有在postgres的表中插入记录？

“outlined”在 Material UI Select 中不起作用

'outlined' not working in Material UI Select

评论