Действие Disptach внутри фрагмента Redux RTK API

Интересно, можно ли отправить действие из другого редуктора в API Slice Redux RTK. Предполагая, что у меня есть это

getSomething: builder.query<SomeProps, void>({
        query: () => ({
            url: "...",
            headers: {
                'Content-Type': 'application/json',
            }
        }),

Возможно ли иметь там что-то вроде onSuccess (при условии, что getSomething() возвращает 200/что-нибудь, что приводит к успеху)

getSomething: builder.query<SomeProps, void>({
        query: () => ({
            url: "...",
            headers: {
                'Content-Type': 'application/json',
            }
        }),
        onSuccess: (response: SomeProps, {dispatch}) => {
            dispatch(someActionFromAnotherReducer(response))
        }

typescript rtk-query

14.03.2024 08:11

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Как заставить Remix работать с Mantine и Cloudflare Pages/Workers

Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

TypeScript против JavaScript

TypeScript vs JavaScript - в чем различия и какой из них выбрать?

Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage

Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...

Что такое ленивая загрузка в Angular и как ее применять

Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете сделать это, используя onQueryStarted

Функция, которая вызывается при запуске каждого отдельного запроса или мутации. Функция вызывается с помощью объекта API жизненного цикла, содержащего такие свойства, как queryFulfilled, позволяющие запускать код при запуске запроса, при его успешном выполнении и при сбое (т. е. на протяжении жизненного цикла отдельного запроса или вызова мутации).

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query'
import { messageCreated } from './notificationsSlice'

export interface Post {
  id: number
  name: string
}

const api = createApi({
  baseQuery: fetchBaseQuery({
    baseUrl: '/',
  }),
  endpoints: (build) => ({
    getPost: build.query<Post, number>({
      query: (id) => `post/${id}`,
      async onQueryStarted(id, { dispatch, queryFulfilled }) {
        // `onStart` side-effect
        dispatch(messageCreated('Fetching post...'))
        try {
          const { data } = await queryFulfilled
          // `onSuccess` side-effect
          dispatch(messageCreated('Post received!'))
        } catch (err) {
          // `onError` side-effect
          dispatch(messageCreated('Error fetching post!'))
        }
      },
    }),
  }),
})

См. также: RTK-запрос: отправка внутреннего запроса или мутаций

Можно ли также запустить, скажем, mutation другую конечную точку, определенную в срезе API. Предположим, у меня есть editPost: build.mutation<Post, number>({...}). Могу ли я активировать getPost() при успешном редактировании?

— 14.03.2024 09:47

@four-eyes Удовлетворяет ли Автоматическая повторная загрузка вашим требованиям?

— 14.03.2024 10:01

14.03.2024 08:20