如何使用AntDesign的数字输入框组件

要使用AntDesign的数字输入框组件，首先需要安装AntDesign组件库，并在项目中引入所需的组件。下面是一个示例代码片段，演示如何使用AntDesign的数字输入框组件：

import React from 'react';
import { InputNumber } from 'antd';

const NumberInput = () => {
  const handleNumberChange = (value) => {
    console.log('Number changed:', value);
  };

  return (
    <InputNumber
      min={1}
      max={10}
      defaultValue={3}
      onChange={handleNumberChange}
    />
  );
};

export default NumberInput;

在上面的代码中，我们首先从AntDesign中引入了InputNumber组件。然后，我们创建了一个NumberInput组件，在该组件中渲染了一个数字输入框。我们还提供了一些属性，如min（最小值）、max（最大值）和defaultValue（默认值），以及一个onChange事件处理程序来处理数字值的变化。

通过这种方式，您可以在React项目中使用AntDesign的数字输入框组件。您可以根据自己的需求调整组件的属性和事件处理程序，以实现您想要的功能。