错误信息影响文本字段的高度- helperText材料UI

Question

我有一个react钩子表单。验证后，错误消息使我的文本字段上移。

看起来如何

下面是如何设置helperText:

<TextField
helperText={invalid && error}
/>

验证后，错误信息将在helperText的帮助下出现。然后textField将被上移。是否有任何方法可以使错误信息不影响textField的高度?

我真的很感激。

Answer 1

您可以通过设置默认值";(一个只输入空格的文本)到组件中的helperText。这样，高度已经为文本分配，无论是否有错误，高度都将保持不变。