如何在 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 時如何將數字格式化為貨幣？

希望這有幫助。