Как использовать RTK Query для работы с API запросами?
Этот вопрос проверяет умение работать с RTK Query для взаимодействия с внешними API.
Короткий ответ
RTK Query помогает интегрировать API запросы в приложение с помощью автоматической генерации экшенов и редьюсеров. Вы создаете сервис с эндпоинтами, а затем используете сгенерированные хуки в компонентах для выполнения запросов и обработки состояний загрузки и ошибок.
Длинный ответ
RTK Query упрощает работу с API запросами, автоматизируя многие процессы, такие как создание экшенов для запросов, обработку состояний и кэширование ответов.
Как использовать RTK Query для API запросов:
- Сначала создаете сервис с эндпоинтами, описывающими маршруты и запросы.
- Затем используете сгенерированные хуки в компонентах для выполнения запросов и работы с состоянием.
Пример использования:
import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
const api = createApi({
reducerPath: 'api',
baseQuery: fetchBaseQuery({ baseUrl: '/api/' }),
endpoints: (builder) => ({
getPosts: builder.query({
query: () => 'posts',
}),
}),
});
// Хук для получения данных
const { data, error, isLoading } = useGetPostsQuery();
Преимущества использования RTK Query:
- Автоматическое создание экшенов для каждого запроса.
- Управление состоянием загрузки и ошибок с минимальными усилиями.
- Кэширование запросов, что улучшает производительность.