Antd InputNumber (7.1.4v) not allowing to enter 0

Question

I have required field validation for InputNumber .But if we enter 0, it is converted to empty and validation error is thrown .Please let me know how can I avoid this

Answer 1

You can check following InputNumber example (working)

import React from 'react';
import 'antd/dist/antd.css';
import { Form, InputNumber, Button } from 'antd';

const Demo = () => {
  const onFinish = (values) => {
  console.log('Success:', values);
 };

const onFinishFailed = (errorInfo) => {
  console.log('Failed:', errorInfo);
};

return (
 <Form
   onFinish={onFinish}
   onFinishFailed={onFinishFailed}
   autoComplete="off"
 >
  <Form.Item
    label="Number"
    name="number"
    rules={[
      {
        required: true,
        message: 'Please enter your number!',
      },
    ]}
  >
    <InputNumber />
  </Form.Item>

  <Form.Item>
    <Button type="primary" htmlType="submit">
      Submit
    </Button>
  </Form.Item>
</Form>
);
}

export default Demo;

You can also use min and max

    <InputNumber min={1} max={10} defaultValue={5} />