Material ui 如何在物料界面的多选中显示标签和起始装饰?
我将选择与多重道具一起使用。组件工作正常,InputLabel呈现以下内容: 但是,当我通过StartOrnant道具在开头添加图标时,InputLabel会移动到输入字段上方 您知道如何在未选择任何值时显示标签和图标吗 代码是: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
<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。问题在于: