Categories
React Answers

ReactJS – Does render get called any time “setState” is called?

Spread the love

Yes, in React, the render() method of a component will be called any time setState() is called, triggering a re-render of the component.

When we call setState() with new state values, React schedules a re-render of the component.

During the re-render process, React will call the component’s render() method to generate the updated UI based on the new state and props.

This is how React ensures that the UI reflects the most recent state and props data.

It’s important to note that while setState() schedules a re-render, React may batch multiple setState() calls together for performance reasons.

This means that in some cases, multiple state updates may trigger only a single re-render of the component. However, regardless of whether multiple state updates are batched or not, each call to setState() will eventually lead to a call to render() to update the UI.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *