【问题标题】:Material UI - TextField outlined doesn't render outline材质 UI - 概述的 TextField 不呈现轮廓
【发布时间】: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

标签: reactjs material-ui jsx


【解决方案1】:

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

【讨论】:

  • 我的 Material-ui 版本是 3.0.3,但该变体仍然无法正常工作
猜你喜欢
  • 2019-05-02
  • 2020-04-03
  • 1970-01-01
  • 2021-10-03
  • 2021-06-26
  • 2020-12-23
  • 1970-01-01
  • 2018-11-07
  • 1970-01-01
相关资源
最近更新 更多