onSubmit fn in RegistrationForm file doesn't match video about forms-management

[jherr]

This is intentional. The code in the repo is a corrected version of the code in the video. There was an issue with navigation before form submission that is fixed by this update.

[waldothedeveloper]

This is intentional. The code in the repo is a corrected version of the code in the video. There was an issue with navigation before form submission that is fixed by this update.

Thank you Jack for the quick response! I later on saw the navigation error you mentioned in your response and then understood your answer even better and modified the code.

Building on this great tutorial you put together, I wanted to ask you how do you handle more complex forms where you have for example Files that need to be uploaded - and validated lol - , but you need to show a 'grid' of the 'uploaded' files.

Look at this Listing Form from Etsy:

The approach I think it could work is

• Using React State to hold an array of selected images from your computer
• Using this React State to build the grid of images
• Using a hidden input maybe readOnly and value={JSON.stringify([arrayOfPictures])} that can be used to submit the array of pictures for validation in server side?????
• Can you send a File to a server action using FormData? Or does it need to be converted to some other format?

With more complex forms like this example is where my vision starts getting blurry. Anyway, I'd love to hear your input on a situation like this, how would you proceed, would you leverage React state combined with hidden inputs to submit the data for validation server side, etc.

Again, thank you so much for the amazing tutorial!

[jherr]

Feel free to jump on the Blue Collar Coder server https://discord.gg/YSnJBu8H and ask your question in the #react forum there. Please read and follow the #rules CAREFULLY before posting.