Встречается на собеседованиях • сегодня

Как работает UseMutation в RTK Query

useMutation в RTK Query — это хук для выполнения мутаций (изменений данных на сервере). В отличие от useQuery, он не запускается автоматически, а требует явного вызова.

Основные особенности:

  • Возвращает массив [trigger, result], где trigger — функция для запуска мутации, а result — объект с состоянием запроса (data, error, isLoading и т.д.).
  • Поддерживает оптимистичные обновления через onQueryStarted.
  • Автоматически инвалидирует связанные кэшированные данные при успешном выполнении.

Пример:

tsx
const [updatePost, { isLoading }] = useUpdatePostMutation();

const handleSubmit = async () => {
  try {
    await updatePost({ id: 1, title: 'New Title' }).unwrap();
    // Данные обновлены, кэш инвалидирован
  } catch (error) {
    console.error('Ошибка:', error);
  }
};

Ключевые методы:

  • unwrap() — возвращает промис с данными или ошибкой.
  • reset() — сбрасывает состояние мутации.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы