React · Junior · Question 19 of 75

How do you cancel the default form submission behavior in React?

1Return false from the form's onSubmit handler
✓Correct answer: Call e.preventDefault() in the onSubmit handler
3Add a noSubmit attribute to the <form> tag in JSX

Explanation

In React, handlers receive a synthetic event with the same API as the native one. return false, as in old inline HTML handlers, doesn't work here. You can stop bubbling with e.stopPropagation().

How do you cancel the default form submission behavior in React?

Explanation

Further reading

Problem with a question

Test yourself