reactjs - 为什么用自定义输入响应钩子表单首先删除错误然后我们可以输入？

Question

当表单字段显示错误消息并且我想尝试输入时，当它到达要清除错误的点时，它会先清除错误，然后我才能输入。请检查这个沙箱，在一个字段内点击然后在它外面点击会产生错误，现在尝试输入一些东西，例如（1111），问题是你必须按六次才能达到1111，我找不到如何解决它。

请问有什么帮助吗？

Answer 1

常见问题解答下有一个部分：https ://react-hook-form.com/faqs#Whyisfirstkeystrokeisnotworking解释了发生这种情况的原因。长话短说，您正在将不受控制的输入与受控输入混合。

您有以下选择

登记：

1. <TextInput ref={register} name="test" defaultValue="test" /> // without value

控制器：

2. <Controller as={TextInput} name="test" />

https://react-hook-form.com/api#Controller

其中还包含上面链接中的示例。