When should I keep state local in React?
When only one component needs the state. Lifting unnecessarily creates re-renders in components that do not use the state. Keep state local where it is only used by one component.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Lifting State Up in React: When and Why
Moving state to the common parent of two or more components that need it. The parent owns the state and passes it down as props, giving the data a single source of truth and preventing drift between siblings.
When two or more sibling components need the same data and must stay in sync. Lift the state to their common parent so they read the same value and updates propagate down through props.
Because the parent owns the data and children read it as props, instead of each child keeping its own copy. This prevents the drift that happens when one child updates and another's copy does not.
Still have questions?
Browse all our FAQs or reach out to our support team