I have a question about input type number in React. I need to display dot separator if user enter number with comma. Like this
11,2
Should convert to
11.2
How I can convert this number?I try
value.replace(/,/g, '.')
But this isn't working.I still see comma in my input.
PS: This how I handle input
<input
type="number"
placeholder='Input'
name="inputValue"
step="0.01"
inputMode="decimal"
id='inputValue'
min="0"
value={inputValue}
onChange={handleChange}
/>
And this is my handleChange function
const handleChange = e => {
let { name, value } = e.target;
value = value.replace(/,/g, '.');
setData(prevState => ({ ...prevState, [name]: value}));
}
Try this code:
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}));
}