Forms in React

We learn the two ways we can create & handle a form in React - uncontrolled and controlled forms. We will also see the comparison between them.

Events Handling in React

Basic Level Projects

React

Forms in React

Loading video...

Forms in React - 1 (in Hindi)

Concepts

Forms in React - 1 (in Hindi)

Forms in React - 2 (in Hindi)

Watch the full video to earn 3

Quizzes

What are uncontrolled components in React forms?

where we have absolutely zero control over form data

where form data is handled by the DOM itself.

where we cannot validate the form data on submit

Question 1 of 6

per question

What are controlled components in React forms?

where we let React control the form data and don't need to do anything ourselves

where we control data but cannot control validation

where form data is handled by the component's state.

Question 1 of 6

per question

What are some of the advantages of controlled components over uncontrolled components?

Controlled components are more predictable than uncontrolled components.

Controlled components perform auto validation whereas uncontrolled components don't.

Controlled components provides better control than uncontrolled components.

The number of rerenders are less in controlled components compared to uncontrolled components.

Question 1 of 6

per question

What's the recommended way to access value of a uncontrolled component in React forms?

By using references (or refs)

By using document.querySelector

By using component state

Question 1 of 6

per question

What's the recommended way to access value of a controlled component in React forms?

By using references (or refs)

By using document.querySelector

By using component state

Question 1 of 6

per question

Which type of component provides real time updated value in React forms?

Controlled component

Uncontrolled component

Question 1 of 6

per question

Coding Questions

Form Validation

medium

Courses FAQs Contact Us Privacy Policy Terms Of Service

Learn ● Develop ● Ace

All illustrations by Storyset