Why does React re-render when state changes?
Because React's model is that the UI is a function of state. When state changes, React re-renders the component and any children that depend on it so the UI stays in sync with the new data.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in What Is State in React and Why It Drives Interactivity
State is internal data managed by a component that can change over time. When state changes, React re-renders the component so the UI reflects the new data. It is what makes React apps interactive.
Props come from the parent and are read-only inside the child. State is owned by the component and can be changed by it. Props are external inputs; state is internal memory.
No. State updates are asynchronous and batched for performance. Reading state right after calling the setter shows the old value, which is a common source of beginner confusion.
Still have questions?
Browse all our FAQs or reach out to our support team