number-input-antd

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