浮点数的实际输入类型=“数字”

Question

我想输入type =“ number”的输入字段。 （以便在手机上出现数字键盘）。问题是，我所有的值都以美分为单位：1EUR = 100 Cents，我想显示一个逗号作为小数点分隔符（德语格式），因此onChange会将值乘以100，并且在呈现值时，它是除以100。但是当我键入“ 5”时。输入下一个数字“。”后会迷路的。 “，”也是如此。

我找不到使用输入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变量将是通常的浮点数，当您在输入中看到逗号时。