Course Content

  • 4. Events

Course Content


Sharing state in React is done by pushing it up to the nearest common ancestor of the components that require it. This is referred to as "raising state up." The local state will be removed from the TemperatureInput and moved to the Calculator instead.

It's time to put your skills to work. If the data in the "parent and children components" or "cousin components" is out of sync, raise the state. Example 1: In our app, we have two components: A -> B, where A is the parent of B. Using the same data in both Component A and B may result in data inconsistency.

You can use the method this in any user or system event. forceUpdate(), which forces React to re-evaluate the Virtual DOM and DOM state by calling render() on the component instead of should Component Update().

The object state is then created by calling useState in App. Next, we call the setState state setter method with a copy of the initialState to generate the clearState function, which resets the state. Making a copy informs React that it has to re-render and update the state.

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