MultiSelect大纲可变属性不起作用

时间:2019-09-28 12:21:45

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

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

在尝试将属性直接赋予FormControl以及Select标记中时,我尝试了几件事,但不幸的是它没有用。我也尝试过InputVairant="outlined",但那也没有用。

这是示例代码。

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

1 个答案:

答案 0 :(得分:2)

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

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

Edit Invisible Backdrop