Should I store the filtered list in state?
No. Compute the filtered list during render from the source data and the filter input. Storing it in a separate state causes sync bugs when the source or filter changes and the stored copy does not update.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in How to Update the React UI From User Interactions and API Data
By updating state. A button click or form input calls setState with the new value, and React re-renders so the UI reflects the new state. State drives the UI; interactions update state.
Store the API response in state when the fetch resolves. The UI re-renders with the new data. This is how API data drives the UI, the same mechanism as user interactions.
Updating the UI immediately when an action starts, then rolling back if the server request fails. This makes the UI feel instant instead of waiting for the server, which is great for actions like add to cart or like.
Still have questions?
Browse all our FAQs or reach out to our support team