MultiSelect轮廓可变属性不起作用

Question

我正在开发前端的选择控件。当我单选时，variant属性可以正常工作，但是当使用multiselect组件时，variant属性似乎无法正常工作。

我尝试过几件事，因为我尝试将属性直接输入FormControl以及Select标记中，但不幸的是它没有用。我也尝试过InputVairant="outlined"，但那也没有用。

这里是示例代码。

https://codesandbox.io/s/material-demo-3mjzo

Answer 1

这是因为您要为input prop提供一个Input元素，但不支持variant。删除它，您可以为Select组件提供变体（也可以将InputVariant更改为variant-因为不支持InputVariant属性）。

 <Select
          multiple
          variant="outlined"
          value={personName}
          onChange={handleChange}
          MenuProps={MenuProps}
 >