react 输入小数点

Posted chengyunshen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 输入小数点相关的知识,希望对你有一定的参考价值。

    <Input
            style={{ width: 80 }}
            value={percent.commission}
            defaultValue={0}
            onChange={(e) => {
              let { value } = e.target;
              let re = /(^(d|[1-9]d)(.d{0,2})?$)|(^100$)/;
              if(!re.test(value)){
                value = value.substring(0,value.length-1)
              }
              dispatch({
                type: "percent/updatePayload",
                payload: {
                  commission: value,
                },
              });
            }}
          ></Input>
  //格式化数字
  function formatNum(num) {
    if(!num){
      return ‘0.00‘
    }
    if(num.toString().endsWith(".")){
      return num + ‘00‘
    }
    return parseFloat(num).toFixed(2);
  }
  • 不是随便输的情况 不要用InputNumber

以上是关于react 输入小数点的主要内容,如果未能解决你的问题,请参考以下文章

flutter TextField 限制只允许输入数字 小数点

React:没有负值、小数或零值的数字输入

flutter TextField 限制只允许输入数字 小数点

kotlin-从一个片段更改多个片段的小数位

使用 parseFloat 时,React onChange 吞下了我的小数

[vscode]--HTML代码片段(基础版,reactvuejquery)