How do I refetch data when a prop changes in a class component?
In componentDidUpdate, compare prevProps to current props. If the relevant prop changed, refetch. Forgetting this leaves stale data when the prop changes, similar to forgetting a dependency in useEffect.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Common Class Component Mistakes Developers Still Make
Because in JavaScript, this is determined by how a function is called, not where it is defined. When you pass a class method as a callback, it loses its binding and this becomes undefined. You must bind in the constructor or use arrow function class fields.
Because React tracks state changes through this.setState. Mutating this.state directly does not trigger a re-render, so the UI does not update. Always use this.setState to update state in class components.
No. this.setState is asynchronous and batched. Reading this.state right after calling it shows the old value. If the new state depends on the previous, pass a function to this.setState to get the correct previous value.
Still have questions?
Browse all our FAQs or reach out to our support team