用逗号 React 输入类型编号

Question

我对 React 中的输入类型编号有疑问。如果用户用逗号输入数字，我需要显示点分隔符。像这样

11,2

应转换为

11.2

如何转换这个数字？我试试

value.replace(/,/g, '.')

但这不是 working.I 在我的输入中仍然看到逗号。

PS: 这就是我处理输入的方式

<input
type="number"
placeholder='Input'
name="inputValue"
step="0.01"
inputMode="decimal"
id='inputValue'
min="0"
value={inputValue}
onChange={handleChange}
/>

这是我的 handleChange 函数

const handleChange = e => {
let { name, value } = e.target;
value = value.replace(/,/g, '.');
setData(prevState => ({ ...prevState, [name]: value}));
    }

Answer 1

试试这个代码：

const Number = "11,1";

console.log(Number.replace(/\,/, "."));


//Now your handleChange function will look like this:

const handleChange = e => {
  let { name, value } = e.target;
  value = value.replace(/\,/, ".");
  setData(prevState => ({ ...prevState, [name]: value}));
}

用逗号 React 输入类型编号

Input type number with comma React

javascript

validation

input

reactjs