Introduction

数字输入框,提供了更好的输入控制和验证

1. 不允许数字以外的内容输入
2. 可以控制整数位和小数位的长度
3. 长度超出不允许输入
4. 可配置自动补零

Usage

import * as React from "react";
import NumberInput from "number-input-antd";

function App() {
  const [value, setValue] = React.useState();

  handleChange(val) {
    setValue(val)
  }

  return (
    <NumberInput onChange={handleChange} />
  );
}

props

| props | type | default | description | required | | ------ | ------ | ------- | ------------ | -------- | | value | string | - | 当前值 | true | | onChange | number | - | 变化回调 | true | | config | object | {} | 配置项 | false |

config

| props | type | default | description | required | | ------ | ------ | ------- | ------------ | -------- | | integer | number | - | 整数长度 | false | | decimal | number | - | 小数长度 | false | | max | number | - | 设置正数最大值 | false | | min | number | - | 设置负数最小值 | false | | zeroize | number | - | 补零位数 | false | | zero | boolean | - | 是否允许值为0 | false | | minus | boolean | - | 是否允许值为负数 | false | | removeZero | boolean | - | 是否移除整数部分前面的0 | false |