25일차 (useQueries)

db에서 todos와 users라는 키를 가진 데이터 두 개를 가져오려고 했을 때 발생한 문제

=> useQuery로 데이터를 가져오게 되면 const {isError, isLoading, data} = useQuery("QueryKey", QueryFunction)으로 가져오기 때문에 변수명이 중복되는 경우가 생긴다. 이때 useQuery 대신 useQueries를 사용하면 두 가지 모두를 가져올 수 있다.

import {useQueries} from "react-query"

const Component = () => {
  const [usersQuery, todosQuery] = useQueries([
    {
      queryKey: 'users',
      queryFn: getUsers,
    },
    {
      queryKey: 'todos',
      queryFn: getTodos, 
    }
  ]);

  const usersData = usersQuery.data;
  const todosIsError = todosQuery.isError;