如何在 React Native 中正确地实时格式化 <TextInput> 上的数字？

Question

<TextInput value={initialMoney} 
    onChangeText={(x) => {
      setInitialMoney(x.replace(/\B(?=(\d{3})+(?!\d))/g, '.'));
    }}
/>

上面的代码将无法正常工作。

而不是显示 214.124.124.124

它将显示 2.1.4.1.2.4.1.2.4.123

正则表达式没有任何问题，我在 TextInput 之外尝试了正则表达式，它工作得很好。谁能帮我解决这个问题吗？

Answer 1

您的正则表达式可能存在一些问题。尝试调试它，我通过 Regex101 检查并显示错误。

尝试阅读这篇文章使用 React Native Expo 时如何将数字格式化为货币？

希望这有帮助。