如何解决输入失去焦点,每个击键-TextField react-format-number
我已经使用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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。