如何在材质ui文本字段的输入中修复占位符文本

【问题标题】：How to fix placeholder text within the input in material ui text field如何在材质ui文本字段的输入中修复占位符文本
【发布时间】：2020-04-10 17:16:45
【问题描述】：

我正在使用材质 ui 文本字段。

文本字段的当前行为是，占位符在焦点上位于文本字段的顶部。

我不希望它出现在文本字段的顶部

我尝试在InputLabelProps 中提供disableAnimation: true。但这行不通。我该怎么做才能实现这种行为？

【问题讨论】：

【解决方案1】：

尝试向 TextField 添加一个空标签。这样，当您开始编辑时，占位符不会向上移动，因为标签的位置已被“占用”。

<TextField
  id="standard-full-width"
  label=""
  placeholder="Placeholder"
/>

【讨论】：