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

Question

所以这应该很简单，但我没有看到明确的答案。我的标签如下所示：

.

正如您所看到的，底部 2 个字段的标签位于顶部，因为它们具有默认值，而“ML 功能”的顶部没有，并且标签移动到TextField.

代码如下所示：

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

如何使标签始终位于顶部？

标签： reactjsmaterial-ui

Answer 1

您可以设置shrink为true. InputLabelProps如需更多参考，请参阅此处InputLabel的API 。

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