javascript - 用户键入时如何在 react native TextInput 中每 3 位数字添加点？

Question

我有这样的价格输入:

<Input
   keyboardType={"decimal-pad"}
   inputStyle={{color: "#EDF5E1"}}
   value={this.state.price.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1.")}
   onChangeText={(newPrice)=>this.setState({price: newPrice.toString().replace(".", ""})}
/>

我的目标是在用户输入时每 3 个数字添加点!像这样(12.443.355)这段代码 price.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1.")}} 工作正常，但当用户修改数字时，它会搞砸!

note that my problem differs from JavaScript; How to set dot after three digits?, I'm able to add dots, but it messes up when the user modifies it.

Answer 1

我不知道 to.toString().replace("., "") 中的 "to" 是什么，但我相信你应该知道使用 to.toString().replace(/\./g, "") 而不是 replace(".", "") 因为 replace 默认情况下仅替换字符串中的第一次出现。