react之antd组件InputNumber控制小数点

InputNumber控制用户输入小数点的个数

在项目过程中有个需求，需要控制用户输入小数点的个数问题。

话不多说上代码：

//输入框绑定方法
<InputNumber 
	style={{ width: '100%' }}
	formatter={limitDecimals}
	parser={limitDecimals}
/>

方法：

const limitDecimals = (value: string | number): string => {
      const reg = /^(\-)*(\d+)\.(\d\d\d\d).*$/;
      // console.log(value);
      if(typeof value === 'string') {
         return !isNaN(Number(value)) ? value.replace(reg,'$1$2.$3') : ''
     } else if (typeof value === 'number') {
         return !isNaN(value) ? String(value).replace(reg,'$1$2.$3') : ''
     } else {
        return ''
     }
};

文章来源：https://www.jb51.cc/react/304003.html