多选大纲变体属性不起作用答案

【问题标题】：MultiSelect outline vairant property does not work多选大纲变体属性不起作用
【发布时间】：2020-01-28 11:19:19
【问题描述】：

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

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

这里是示例代码。

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

【问题讨论】：

标签： reactjs forms material-ui single-page-application multi-select

【解决方案1】：

那是因为你提供了一个不支持变体的 input 属性。
删除它，您可以为 Select 组件提供变体（也可以将 InputVariant 更改为变体 - 因为不支持 InputVariant 属性）。

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

【讨论】：