MultiSelect контурное свойство vairant не работает

Question

Я работаю над выбором элементов управления для внешнего интерфейса.Когда я использовал одиночный выбор, свойство variant работает нормально, но при использовании компонента multiselect свойство variant кажется не работает.

Я пробовал пару вещей, поскольку я пытался передать свойство непосредственно вFormControl, а также внутри тега Select, но, к сожалению, это не сработало.Я также попробовал InputVairant="outlined", но это тоже не сработало.

Вот пример кода.

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

Answer 1

Это потому, что вы предоставляете input для элемента Input, который не поддерживает вариант.Удалите это, и вы можете предоставить вариант для вашего компонента Select (также измените InputVariant на вариант - потому что InputVariant prop не поддерживается).

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