如何在材料ui文本字段的输入中固定占位符文本

Question

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

文本字段的当前行为是，占位符放在文本字段顶部。

我不希望它位于文本字段的顶部，我希望它位于文本字段之内，并在用户开始按以下方式输入后消失。

我尝试在disableAnimation: true中给出InputLabelProps。但这不起作用。我该怎么做才能实现这种行为？

Answer 1

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

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