Comment formater correctement les nombres sur <TextInput> à la volée dans React Native ?

Question

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

Le code ci-dessus ne fonctionnera pas correctement.

Au lieu d'afficher le 214.124.124.124

Il affichera 2.1.4.1.2.4.1.2.4.123

Pas de problème avec les regex, j'ai essayé les regex en dehors de TextInput et ça marche bien. Quelqu'un peut-il m'aider à résoudre ce problème ?

Answer 1

Il peut y avoir des problèmes avec votre expression régulière. En essayant de le déboguer, j'ai vérifié via Regex101 et l'erreur s'est affichée.

Essayez de lire cet articleComment formater les nombres en devise lors de l'utilisation de React Native Expo ?

J'espère que cela vous aidera.