Material ui 如何在物料界面的多选中显示标签和起始装饰?

Material ui 如何在物料界面的多选中显示标签和起始装饰?,material-ui,multiple-select,Material Ui,Multiple Select,我将选择与多重道具一起使用。组件工作正常,InputLabel呈现以下内容: 但是,当我通过StartOrnant道具在开头添加图标时,InputLabel会移动到输入字段上方 您知道如何在未选择任何值时显示标签和图标吗 代码是: <FormControl className={classes.formControl} fullWidth variant="outlined" size="medium"> <InputLabel name={name} color

我将选择与多重道具一起使用。组件工作正常,InputLabel呈现以下内容:

但是,当我通过StartOrnant道具在开头添加图标时,InputLabel会移动到输入字段上方

您知道如何在未选择任何值时显示标签和图标吗

代码是:

 <FormControl className={classes.formControl} fullWidth variant="outlined" size="medium">
    <InputLabel name={name} color="secondary" variant="outlined" htmlFor={id} id={id} className={classes.label}>{label}</InputLabel>
    <Select
      name={name}
      labelId={id}
      id={id}
      multiple
      autoWidth
      startAdornment={icon}
      color="secondary"
      value={selectedValues}
      onChange={handleChange}
      renderValue={selectedOptions => (
        <div className={classes.tags}>
          {selectedOptions.map(option => (
            <Chip key={option.value} label={option.label} size="small" className={classes.chipStyle} />
          ))}
        </div>
      )}

    >
      {options.map(option => (

        <MenuItem key={option.value} value={option}>
          <Checkbox checked={logicHere} color="primary" />
          <ListItemText primary={option.label} />
        </MenuItem>
      ))}
    </Select>
  </FormControl>

{label}
(
{selectedOptions.map(选项=>(
))}
)}
>
{options.map(option=>(
))}
你试过了吗

<Select 
InputProps={{
    startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
}} />


侧节点:所需的行为由-参见“带前导图标的概述下拉菜单”定义。因此,要么我不理解如何正确使用该组件,要么它是一个错误。您是否将
图标
包装在
输入框
中?在他们的应用程序中,他们在其周围添加了一个
inputadornation
组件是的,我尝试了
startadornation={{{icon}}
,但仍然是一个已知的bug。问题在于: