Why doesn’t React update this.state synchronously?

As explained in the previous section, React intentionally “waits” until all components call setState() in their event handlers before starting to re-render. This boosts performance by avoiding unnecessary re-renders.

However, you might still be wondering why React doesn’t just update this.state immediately without re-rendering.

There are two main reasons:

• This would break the consistency between props and state, causing issues that are very hard to debug.
• This would make some of the new features we’re working on impossible to implement.

This GitHub comment dives deep into the specific examples.

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers

• What is docker?
• How to Map Flutter JSON Strings from List?
• How do you reuse elements with key attribute?
• How to fetch data using PDO prepared statements?
• How does an Angular application work?
• P. T. Usha (Pilavullakandi Thekkeparambil Usha)
• Display featured products through custom loop in woocommerce on template page
• How to finish all fetch before executing next function in React?
• Can I extend and customize the bundled widgets?
• What are possible prop types?
• How to display only first level child subcategory in WordPress?
• How to read data from simple spreadsheet in Flutter?
• Use WordPress page instead of post type archive
• What are the minimum requirements to run WordPress?
• What is Registries and Repositories in Docker?