목적 : 어떻게 하면 쿼리 키를 잘 관리할 수 있을까?
문제 : REST API EndPoint가 정말 많아 졌다.
전략 관련 API만 15개정도 되는 듯 하다.
테이블 갯수만 20개이니, CURD만 쳐도 최소 80개의 REST API EndPoint가 나올 것 이다.
function Component() {
const { data, refetch } = useQuery(['todos'], fetchTodos)
// ❓ how do I pass parameters to refetch ❓
return <Filters onApply={() => refetch(???)} />
}
function Component() {
const [filters, setFilters] = React.useState()
const { data } = useQuery(['todos', filters], fetchTodos)
// ✅ set local state and let it "drive" the query
return <Filters onApply={setFilters} />
}