react-final-form - 反应最终形式，解析浮点输入？

Question

如何以反应最终形式制作浮动输入？我喜欢这样：

parse={value =>{!parseFloat(value) || !Number(value) || value.endsWith(".") ? value : parseFloat(value);}}

但是我可以输入字母，当我输入它1.的字符串时，我需要浮点数

Answer 1

根据我的经验，最佳做法是将其作为字符串保留在表单值中，并且

• 使用客户端验证来确认它是一个有效的数字
• 提交时转换为数字