reactjs - 当文本字段没有值时，将 Material UI 文本字段标签保持在顶部

Question

所以这应该很简单，但我没有看到明确的答案。
我的标签如下所示:
.
正如您所看到的，底部 2 个字段的标签在顶部，因为它们具有默认值，而“ML 功能”的顶部没有，标签移动到文本字段的中间。
代码如下所示:

<TextField
    label="ML Features" // or any other field
    ...
   >
</TextField>

我怎样才能让标签始终在顶部？

Answer 1

您可以设置 shrink至 true在 InputLabelProps .更多引用，见InputLabel API here .

<TextField label="ML Features" InputLabelProps={{ shrink: true }} />