在字段從react-final-form如何將輸入值轉換為僅在模糊時浮動？

Question

如果我使用“ parse”，則用戶無法輸入小數點分隔符。

因為“ 9”。 被解析為9，並立即替換輸入文本。

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

Answer 1

是的。 這是一個普遍的問題。 如果要允許小數點，則必須將值保留為字符串，然后在提交時將其轉換為數字。 您仍然可以使用parse刪除任何非法字符（或在<input>上type="number" ），但是您不能在每次按鍵時將其解析為一個數字，否則會丟失小數點。

Answer 2

我最終得到了自己的StatefulInput組件，內部狀態為“ editing”標志。 我僅在模糊時才調用Field的“ onChange”事件處理程序。

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