输入失去焦点并且每次击键 - TextField react-format-number
Input loses focus and each key stroke - TextField react-format-number
我使用 react-number-format 创建了一个输入组件 (InputComponent)。该组件只接受带一位小数的字符串数值。示例："12.5" 或 "12" 但不是 "12.55"。
这行得通。
然而 当我使用 InputComponent 构建另一个组件 (BiggerComponent) 时，输入在每次击键时失去焦点。
我只是通过将使用 NumberFormat 的函数移到输入函数之外来解决它。
我认为如果它在 Input 函数内部，整个 NumberFormat 函数在每次击键时都会重新创建。这就是它失去焦点的原因。
Not 工作示例：（使用 NumberFormat inside Input 函数的函数）
https://codesandbox.io/s/festive-ishizaka-bvktl
工作示例：（使用在 Input 函数之外 使用 NumberFormat 的函数）
https://codesandbox.io/s/great-snow-1h3ln
我使用 react-number-format 创建了一个输入组件 (InputComponent)。该组件只接受带一位小数的字符串数值。示例："12.5" 或 "12" 但不是 "12.55"。
这行得通。
然而 当我使用 InputComponent 构建另一个组件 (BiggerComponent) 时，输入在每次击键时失去焦点。
我只是通过将使用 NumberFormat 的函数移到输入函数之外来解决它。
我认为如果它在 Input 函数内部，整个 NumberFormat 函数在每次击键时都会重新创建。这就是它失去焦点的原因。
Not 工作示例：（使用 NumberFormat inside Input 函数的函数） https://codesandbox.io/s/festive-ishizaka-bvktl
工作示例：（使用在 Input 函数之外 使用 NumberFormat 的函数） https://codesandbox.io/s/great-snow-1h3ln