Course Content

  • 8. Dialog and modals

Course Content


  • Line 1: React's useState Hook is imported. In a function component, it allows us to preserve local state.
  • Line 4: We use the useState Hook to declare a new state variable inside the Example component. It gives us a pair of values to which we can assign names.
  • Line 9: We call setCount with a new number when the user clicks.

as if it were unchangeable." The component instance's this. setState() method is used to update the React state. It performs a shallow merging, which means that if you change one property in the state (for example, the list), the other properties in the state remain unchanged.

The state is a React Component instance. A class is an object with a set of observable characteristics that regulate the component's behaviour. In other words, a component's State is an object that contains information that may change over the component's lifespan.

To dynamically render a list in React, first add a property to the state object. We can fill the property with an array of strings in the following way. Great. Now we'll use the render() method to dynamically render each list item.

The useState hook is most commonly used in React to maintain local state. Local state would be required, for example, to show or hide a modal component or to track values for a form component, such as form submission, when the form is disabled, and the values of a form's inputs when the form is disabled.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere