reactjs - Material UI - 概述的 TextField 不呈现轮廓

Question

我只是直接从 Material UI 示例页面中获取了 TextField，并设置了变体“outlined”。但出于某种原因，它不会呈现轮廓变体，而只是呈现“经典”变体。我不希望它用一些自定义的 css 来破解它。我已经搜索过它可能是什么但找不到答案。在此先感谢您的帮助

<TextField
   id="outlined-multiline-static"
   label="some text"
   multiline
   rows="4"
   value={value}
   onChange={onChange}
   className={classes.textField}
   margin="normal"
   variant="outlined"
  />

CSS

textField: {
    marginLeft: theme.spacing.unit,
    marginRight: theme.spacing.unit,
},

Answer 1

我使用的是错误版本的 material-ui (1.5.1)，它不支持 variant 选项。升级到最新版本后可以使用