Full React Tutorial #28 - Submit Events

Amazing sirrrr

Thank you very much, Shaun. Great Work!!

May I ask, why is "clicking the button" automatically understood as the action "submitting the form" ? I mean, you don't put type="submit" inside the button, it's literally just a button with no function. I wonder if onSubmit auto assigns the button as the submit handler? If anyone can help, thank you!

But even if we didn't use the preventDefault, wouldn't our event function still be fired and do its actions? Is there a reason we want to prevent the refresh of the page after we submit our form?

Thank you --- your courses are top notch. Natural born teacher... we appreciate you sir.

Im getting these errors..

damn this guy is good, thank you net ninja!

Your tutorials are really so clear, useful, straight to the point and not long. The value you bring with your video is just incredibile. Thank you so much for everything you do

Incredibly useful! Thanks!

Consolelogtheblog!! clb , baby

Your tutorials are so so good. Iean they are the best. Simple, easy and straight to the point. I would really love a web3 tutorial with solidity, ethers, react and hardhat 🙏

Thank you

e.preventDefault() never new why i used it.

So is the action attribute not general practice for submitting forms in React?

<3

love the series. let me know if you guys have a question so far. I will try to help with debugging

How does it know that the button should trigger a "submit event"? Couldn't the button have some other function?

I don't know how or when it happened but at some point my application in create.js tried to import e from 'express' which was giving me a bunch of errors. I was losing my mind as my code was identical to the github and then i realized this import was sitting at the top. Removed it and we are back at it lol. Wow that was frustrating LMAO. to clarify i have been following this tutorial to a T and think bill gates had something to do with it. In fact, im positive billy is the culprit, a truly sick person trying to derail a new dev. NOT TODAY BILLY, NOT TODAY.

WOWW. You're videos have big a game changer. You explain everything perfectly. MY FAVEEEE . I am soo happy to have discovered your channel!

its really good stuff

Thank you. May God bless you

Insanely high value videos. Thank you so much!

thanks so much

ty

amazed with this videos :)

thank you very much this video was very helpful

After the great course i think it will be good to start work on some projects , so we will wait for the video's dear
Thanks

how is it the blog object contains the information from form???

Eyyyyy I made it here!

got a question idk if it's dumb or ! but
how is it being submitted without having the btn have a type submit attr?????

Any novice teacher would have combined this video and the next video as a single video. This is where you make a difference by abstracting submit event and post request

thanks brow

~Notes~
Handle form submission in reactjs
1. assign a handler to submit event in form element
2. within submit handler we prevent page refresh
3. implement post request with fetch api to send post data to designated api
thats all !!!

I am watching these videos like a TV series with each new episode coming everyday. Thanks

ty

Thanks.

Heyyy Bro, How are you i am copying your videos in my mother language , i s that ok?