响应浮点数的输入类型="数字"

Question

我想要一个类型为=“number”的输入字段。（以便在移动电话上显示数字键盘）。问题是，我所有的值都是以美分为单位的：1EUR=100美分，我想显示一个逗号作为十进制分隔符（德语格式），所以onChange将把值乘以100，当呈现该值时，它被除以100。但当我输入“5”时在键入下一个数字后，“.”你会迷路的。同样的情况也发生在“，”上。

我找不到任何通过使用input type=“number”而不是type=“text”实现的组件。那么，有人知道这样一个库或实现它的方法吗？它不包括两个输入，一个是美分，一个是欧元？

Answer 1

我认为数字输入类型可以处理德语逗号系统。因此，可能不需要手动将2.5输入更改为2.5。如果在数字输入上使用此changeHandler

const changeHandler = e => {
    const val = e.target.value
    console.log(2 * val)
    setNumber(val)
  }

当您在输入中看到逗号时，val变量将是一个常见的浮点数。