React Hook Form Tutorial - 15 - Dynamic Fields

[@aaronanama9414]

Struggled to understand this concept with the documentation. Everything is so clear and simple with your explanation. Thank you so much🙏

[@jakhongirsagdullaev6073]

The voice quality of the course is nice

[@yjyou7780]

Thank you, the video was so helpful! I know I am supposed to watch the official doc but I prefer your videos over the doc...

[@RaviGILL-s1f]

I was struggling with this and u made it look like nothing
No words to appreciate
Tha k u so much ❤

[@ashvinihyalij9450]

Hi Vishwas
Thanks for nice videos
In past I developed the browser extension with the help of your videos on the same.
Now learning react and your videos found very helpful to clear the concepts.
thank you for delivering the great content!

[@NaserMohdBaig]

Thank you for the amazing explanation. The documentation was confusing but it's much clear after watching this tutorial.

[@AnsgarSteinkamp]

Thanks!

[@BrasilEmFatos]

Thank you very much! A very informative video with an amazing didactics! Very clear and straight to the point. I'm recommend your channel to my dev friends.

[@abuhossain4274]

Dear Sir , i always like to watch your lessons. I have a request to you if please possible make an example of REACT HOOK FORM edit/update FORM using same style. Thanks sir

[@haroldpepete]

i think the right way in delete button is fields.length > 0 and not index > 0, with the last one you never can delete the first element, it just a suggestion, you're great teacher

[@Ranjeetvishwakarma-72]

this is not working as we expected we must be use index > 0 instead of fields.length > 0

[@ElioFerrero]

Hi Vishwas, thanks so much for the series I will ner never use React Hook Form before, only Formik, it seem very powerful!! 🔝

[@rodrigolima8022]

Exactly what I needed. Thanks.

[@ameerhamza4373]

Incase you want to add validation to dynamic field.
// Add rules object..
const { fields, append, remove } = useFieldArray({
name: "phNumbers",
control,
rules: {
required: {
value: true,
message: "Phone number field is required.",
},
},
});
// Show error in span....
{errors?.phNumbers?.[index]?.number?.message}

[@kong-0214]

I need to store objects removed from useFieldArray remove method to another array for subsequent use. How can I achieve this?

[@abdulmalikzihad3542]

easy to understand and pretty much helpful

[@NishantShah-o2v]

Thank you very very much for such great lessons.

[@codernerd7076]

Hope there will be zod validation and working with date picker and range as well

[@wolflow429]

This was super helpful. Thank you

[@jarmanjitsingh]

excellent channel for react

[@kirillzlobin7135]

Can we display some fields only if required for this particular field fields are filled in?

[@camilomezu5008]

It is posible to extract the dynamic fields into a separate component? to reuse

[@cristianoalazaro]

thank you. It helped me a lot

[@masterkratos2]

Thank you, what is the name of the vs code theme you are using?.

[@kong-0214]

I need to store objects removed from useFieldArray remove method to another array for subsequent use. How can I achieve this?

[@Joel-l9h]

Very Helpful!

[@weforyouweb1165]

Good quality content ❤

[@mjylove2]

thank you !

[@sarahwbs]

I think the if statement should be checking if the count of phNumbers is greater than 1, so that all phone number fields will have a remove button, unless there is only 1.

[@heisenbergsk21]

You are right

[@bengal988]

How would I use it with multiple items like a star rating comonent?

[@coderkashif]

Amazing

[@INKWEON7269]

thank you! It would be helpful to explain how to apply ant design in React Hook Form as well.

[@zaytungbonn184]

it is really really good job. thanks for it. the first number don't have remove button {index => 0

[@lillykunu9941]

I'm having same problem too. So, did you eventually solve it?
I'm still searching for solution on platforms. Hopefully someone will proffer a solution.

[@codewithsuslu]

very good feature.

[@sumanthprabhu11]

Thanku

[@francm_1]

An example with checkboxes arraya please using registra función and Controller 🙏

[@sourabhshukla8625]

Thank you

[@chesterxp508]

GoodJob!