Breaking News: Grepper is joining You.com. Read the official announcement!

how to clear input value in antdesign form on submit

Aditya answered on June 23, 2021 Popularity 9/10 Helpfulness 8/10

answer how to clear input value in antdesign form on submit

related how to clear input value in antdesign form on submit

how to clear input value in antdesign form on submit

Comment

import React from 'react';
import { Button, Form, Input } from 'antd';

export default function MyFormComponent() {
  const [form] = Form.useForm();

  const submitForm = ({ name, favoriteColor }) => {
    console.log(name, favoriteColor);
    form.resetFields();
  };

  return (
    <Form
      form={form}
      labelCol={{ span: 6 }}
      wrapperCol={{ span: 12 }}
      onFinish={submitForm}
    >
      <Form.Item name="name" label="What is your name?">
        <Input />
      </Form.Item>
      <Form.Item name="favoriteColor" label="What is your favorite color?">
        <Input />
      </Form.Item>
      <Form.Item wrapperCol={{ offset: 6, span: 12 }}>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
}

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: input javascript submit

Link to this answer
Share Copy Link

Contributed on Jun 23 2021

Aditya

0 Answers Avg Quality 2/10

Closely Related Answers

how to clear input value in antdesign form on submit

Comment

<Form
            form={form}
            name="normal_login"
            className="login-form"
            initialValues={{
            remember: true,
            }}
/>

const onFinish=(values)=>{
     
      form.resetFields();
      let array1=[];
      if(Array.isArray(array1)){
        array1=values;
        localStorage.setItem(`${id}`,JSON.stringify({id,...array1}));
      }
  }

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Jun 23 2021

Aditya

0 Answers Avg Quality 2/10

how to clear input value in antdesign form on submit

Contents

More Related Answers

how to clear input value in antdesign form on submit

Closely Related Answers

how to clear input value in antdesign form on submit

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.