Керування станом · Junior · Запитання 62 з 75

З яких полів результату `useQuery` зазвичай рендерять UI?

const { data, error, isPending, isError } = useQuery({ queryKey: ["todos"], queryFn });

✓Правильна відповідь: isPending для першого завантаження, isError/error для помилок і data, коли дані готові
2Лише з data; помилки виводяться в консоль
3З loading і result

Пояснення

status - це 'pending' | 'error' | 'success'. Якщо спершу перевірити його, TypeScript звузить data до визначеного значення в гілці успіху.

Де почитати

TanStack Query: Queries ↗

Перевірте себе

Пройдіть тест Керування станом · Junior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест