在字段从react-final-form如何将输入值转换为仅在模糊时浮动？

Question

如果我使用'parse'，则用户无法输入小数点分隔符。

因为“ 9。” 被解析为 9 ，并立即替换了输入文本。

沙箱：https://codesandbox.io/s/xmj92nnpo

Answer 1

是的。这是一个普遍的问题。如果要允许小数点，则必须将值保留为字符串，然后在提交时将其转换为数字。您仍然可以使用parse删除任何非法字符（或type="number"上的<input>），但不能在每次按键时将其解析为数字，否则会丢失小数点

Answer 2

我最终得到了自己的StatefulInput组件，内部状态为“ editing”标志。而且我仅在模糊时才调用Field的“ onChange”事件处理程序。

https://codesandbox.io/s/2zpn29zzjj