反应钩子形式和反应数字格式的isDirty问题答案

【问题标题】：isDirty issue with react hook form and react number format反应钩子形式和反应数字格式的isDirty问题
【发布时间】：2021-08-25 14:41:15
【问题描述】：

我使用 react-number-format 和 react-hook-form Controller 进行货币输入。

formState 未正确更新： isDirty 和 dirtyFields 在编辑屏蔽数字输入然后删除文本时似乎未更新。

我将defaultValues 设置为''（空字符串）。

如果我输入一个数字，我可以看到isDirty 是真的。但是，如果我删除输入，并且值为 ''（空字符串），我仍然看到 isDirty 为真 - 但该值与 defaultValue 完全相同。

【问题讨论】：

【解决方案1】：

问题在于文件 masked-hook-form-inputs.js 中的第 54 行：

onChange(values.floatValue);floatValue的值可以是undefined，导致问题。

解决方案 将第 54 行更改为 onChange(isNaN(values.floatValue) ? '' : values.floatValue);

请注意，最好使用''（空字符串）而不是null。

【讨论】：