我已经使用InputComponent
创建了一个输入组件(react-number-format
)。该组件仅接受带有一个小数的字符串数值。示例:"12.5"
或"12"
,但不是"12.55"
。
这行得通。
但是,当我使用InputComponent
构建另一个组件(BiggerComponent
)时,输入将失去对每个击键的关注。
答案 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