输入失去焦点,每个击键-TextField react-format-number

时间:2020-11-05 14:24:52

标签: reactjs react-number-format

我已经使用InputComponent创建了一个输入组件(react-number-format)。该组件仅接受带有一个小数的字符串数值。示例:"12.5""12",但不是"12.55"。 这行得通。

但是,当我使用InputComponent构建另一个组件(BiggerComponent)时,输入将失去对每个击键的关注。

https://codesandbox.io/s/festive-ishizaka-bvktl

1 个答案:

答案 0 :(得分:0)

我只是通过将使用NumberFormat的函数移到Input函数之外来解决它。 我认为,如果它位于Input函数内部,则在每次击键时都会重新创建整个NumberFormat函数。这就是为什么它失去了焦点。

的工作示例:(具有在Input函数的内部使用的NumberFormat的函数) https://codesandbox.io/s/festive-ishizaka-bvktl

工作示例:(使用使用NumberFormat outside Input函数的函数) https://codesandbox.io/s/great-snow-1h3ln