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

IT技术 reactjs material-ui
2021-05-11 13:03:40

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

在此处输入图片说明.

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

代码如下所示:

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

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

1个回答

您可以设置shrinktruein InputLabelProps如需更多参考,请参阅此处的InputLabelAPI

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