问题描述
我已经使用InputComponent创建了一个输入组件（react-number-format）。该组件仅接受带有一个小数的字符串数值。示例："12.5"或"12"，但不是"12.55"。
这行得通。
但是，当我使用InputComponent构建另一个组件（BiggerComponent）时，输入将失去对每个击键的关注。
https://codesandbox.io/s/festive-ishizaka-bvktl
解决方法
我只是通过将使用NumberFormat的函数移到Input函数之外来解决它。
我认为，如果它位于Input函数内部，则在每次击键时都会重新创建整个NumberFormat函数。这就是为什么它失去了焦点。
不的工作示例：（具有在Input函数的内部使用的NumberFormat的函数） https://codesandbox.io/s/festive-ishizaka-bvktl
工作示例：（使用使用NumberFormat outside Input函数的函数） https://codesandbox.io/s/great-snow-1h3ln