且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

React 中只允许输入中的数字(antd 样式)

更新时间:2023-02-21 12:38:45

Ant Design 有一个 InputNumber 组件.你可以使用这样的东西

Ant Design has an InputNumber Component. You could use something like this

import {InputNumber} from 'antd';

用法

<InputNumber placeholder="Age (Max Age :100,  Min Age:1)" size={'large'} min={1} max={100} onChange={this.handleAgeChange} />

那么你的 handleAgeChange 功能可能看起来像

Then your handleAgeChange Functionality could look like

 handleAgeChange = (value) => {
    this.setState((prevState) => (
         { ...prevState, age:value }
    ));
};