Reactjs 当文本字段没有值时，将材质UI文本字段标签保持在顶部

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

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

正如您所看到的，底部2个字段的标签位于顶部，因为它们具有默认值，而顶部的“ML Features”没有，标签移动到文本字段的中间

代码如下所示：

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

---

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

您可以在

InputLabelProps

中将

收缩设置为
true
。有关更多参考，请参阅
InputLabel
API


这似乎是方向，并且按照您所说的去做。问题是，由于某种原因，当我这样做时，所有的文本字段现在都是宽度的两倍！我查看了api并尝试使用
边距：“稠密”
，但这并没有减少文本的大小fields@Michael我需要一个最小的可复制的例子。添加
shrink:true
时，标签位于顶部，它不应以任何方式影响
TextField
的宽度。由于某些原因，在devtools打开时，行为异常是很好的。