以编程方式设置 TextField 的值时，Material UI TextField 标签不会向上移动

Question

我有一个连接到react-hook-form 的TextField 元素。当我专注于该输入时，我会打开一个国家列表，以便我可以选择一个国家，通过react-hook-form 中的setValue 函数将其电话代码填充到字段中。

一切正常，国家代码确实出现在字段中，但是当您手动输入文本时通常会向上移动的标签不会向上移动。

这是它的样子

Answer 1

在这个 InputLabelProps={{ shrink: true }} 到您的 TextField 属性。