材质 UI - 概述的 TextField 不呈现轮廓

Posted 2023-02-22

【中文标题】材质 UI - 概述的 TextField 不呈现轮廓

【英文标题】：Material UI - TextField outlined doesn't render outline

【发布时间】：2019-03-20 01:38:23

【问题描述】：

我刚刚从 Material UI 示例页面直接获得了 TextField，其中设置了“概述”的变体。但由于某种原因，它不会呈现轮廓变体，而只是呈现“经典”变体。我不希望它用一些自定义 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,
,

【问题讨论】：

你在使用内联css吗？请检查控制台是否有任何错误

你的意思是使用style？然后不，我不是

控制台有什么错误吗？

你用的是什么版本的material-ui？

好的，所以在 1.5.1 版本的 TextField 组件上似乎没有“变体”道具：v1-5-0.material-ui.com/api/text-field

【参考方案1】：

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

【讨论】：

我的 Material-ui 版本是 3.0.3，但该变体仍然无法正常工作