Ant Design Form component usage in ReactJS app | Create Ant Design Forms | Get Antd Form Values

#reactjs #antd #form
In this video tutorial I have explained the Ant Design Form component usage in ReactJS app.

This video focuses on
- How to use antd Form component in ReactJS app
- How to create a form using antd form
- How to add label on different form fields using Form.Item label prop
- How to add name to form item so we get its value inside the onFinish function
- How to use antd Input component inside antd From
- How to add antd button component inside the antd form
- How to add submit button inside antd form
- How to make an antd form field required
- How to get values of antd form fields in onFinish function
- How to use different components in ant design form

Happy Coding!

[baskarkalyanasamy]

How to align the form in center?
My form is in <content>

[alirezamohammadi]

tnk u tnk u tnk u tnk u boy you help me tnk u

[sowmyatellapragada]

Can anyone please tell how to use ternary rendering for form value without usestate

[ArunKumar-bno]

thanks for video pls try to remove that typeing sound

[hansyolo]

how to seperate the values and pass into a function as two arguments?

[adeshshetty]

i am getting a error -> [antd: Form.Item] `children` is array of render props cannot have `name`. ! i my friend told me he referred your video to learn ANTD ! i am also watching it !! can you help me out ??

[rasoulabdulzahra]

Bro the keyboard sound is very annoying pls think about it!!

[testingaccount]

Hi Amir,
If the database is expecting some of the values to be inside an object? then how do you handle that?
in my case i gave a name like <Form.Item
label="facebook link"
name="socialLink.facebook"
rules={[{ required: true }]}
>
but unfortunately it didn't work.