反应最终形式,解析浮点输入?

React final form, parse float input?

如何在反应最终形式中制作浮动输入?我喜欢这样:

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

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

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

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