Question

我不知道为什么不应用样式。谁能解决这个问题？

<FormControl className={classes.formControl} variant="filled">
  <InputLabel id="input-label">Multiple Select</InputLabel>
  <Select
    variant="filled"
    fullWidth={true}
    labelId="input-label"
    multiple
    value={value}
    onChange={event => setValue(event.target.value)}
    input={<Input />}
    renderValue={() => value.join(", ")}
  >
    <MenuItem value="AAAAA">
      <Checkbox checked={value.indexOf("AAAAA") !== -1} />
      <ListItemText primary="AAAAA" />
    </MenuItem>
    <MenuItem value="BBBBB">
      <Checkbox checked={value.indexOf("BBBBB") !== -1} />
      <ListItemText primary="BBBBB" />
    </MenuItem>
    <MenuItem value="CCCCC">
      <Checkbox checked={value.indexOf("CCCCC") !== -1} />
      <ListItemText primary="CCCCC" />
    </MenuItem>
  </Select>
</FormControl>

完整代码： https://codesandbox.io/s/select-multiple-tags-variant-filled-hc9y7

谁能帮助我，谢谢！

Answer 1

实际上，您的代码示例中没有发现任何奇怪的地方。
基于Material-ui文档simple-select，您可以使用

找到最后一个

variant="filled"

也许您可以检查出想要的东西之间的区别。

关于样式，select api - css中有一些值得注意的地方：

filled      .MuiSelect-filled       Styles applied to the select component if variant="filled".  
iconFilled  .MuiSelect-iconFilled   Styles applied to the icon component if variant="filled".

希望你很好

Answer 2

我遇到了同样的问题，并且使用了AutoComplete组件（尽管它仅在Material UI的实验部分中）：https://material-ui.com/components/autocomplete/

希望对您有用。

Variant =“ filled”不适用于<选择多个>

2 个答案: