Как вызвать Redux-toolkit-query вручную при нажатии кнопки

я использую Redux-toolkit-query для получения данных с сервера. Теперь я хочу вызвать свой запрос при нажатии кнопки, а не автоматически. Я пробовал это, но это не работает.

const { data, refetch } = useGetBuisnessAreasQuery({
    enable: false,
    refetchOnWindowFocus: false,
    manual: true,
    refetchOnReconnect: false,
  });
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
521
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Вы должны использовать ленивый крючок запроса:

const [ trigger, { data } ] = api.endpoints.getBuisnessAreas.useLazyQuery()

const onClick = () => {
  trigger()
}
api — это возвращаемое значение createApi выполнения: redux-toolkit.js.org/rtk-query/api/createApi
Rashomon 16.11.2022 16:37

Вот как я это сделал, это только чище:

в файле feature/service.ts:

export const authenticationApi = createApi({

    reducerPath: 'myApi',
    baseQuery: fetchBaseQuery({ baseUrl: baseUrl }),
    endpoints: builder => ({
        attemptLogin: builder.query({
            query: (credentials) => ({
                url: '/',
                body: JSON.stringify(body)
            })
        })
    })
})

export const { useLazyAttemptLoginQuery } = authenticationApi

и используя его:

const [getAuthenticated, { data, isLoading, error }] = useLazyAttemptLoginQuery()

Другие вопросы по теме

Сущность, переданная реализации selectId, вернула RTK Query
Обновление глобального состояния после загрузки данных RTK Query
Ожидал 0 аргументов, но получил 1 в редукции с машинописным текстом
Когда два компонента createSlice имеют редукторы с одинаковыми именами, как использовать работу с `useDispatch`
Typescript + Redux Toolkit, аргумент типа «T» не может быть назначен параметру типа «WritableDraft<T>»
Визуализировать элементы из массива объектов, используя другой массив с идентификаторами: ошибка ts и рекомендации
Попытка переключить логическое значение Redux нажатием кнопки, однако переключение работает только в первый раз, и я не уверен, почему
Кэш Redux Toolkit, содержащий дублированные данные после запросов RTK Query
Redux Saga: аргумент типа «строка» не может быть назначен параметру типа «TakeableChannel <неизвестно>»
Доступ к данным хука useAuth0 через избыточное действие с экземпляром axios

Похожие вопросы

Fetch возвращает неопределенное значение при первом входе пользователя в систему
Руководство по переходу с react-redux v5 на v8
Когда два компонента createSlice имеют редукторы с одинаковыми именами, как использовать работу с `useDispatch`
Ошибка: превышена максимальная глубина обновления. Компонент вызывает setState внутри useEffect,... или одна из зависимостей изменяется при каждом рендеринге
Визуализировать элементы из массива объектов, используя другой массив с идентификаторами: ошибка ts и рекомендации
Попытка переключить логическое значение Redux нажатием кнопки, однако переключение работает только в первый раз, и я не уверен, почему
Доступ к данным хука useAuth0 через избыточное действие с экземпляром axios
Запрос передачи Redux-saga и параметры для тела POST
Как рассчитать общую стоимость вашей корзины
Получить постоянный accessToken Redux-Persists в файле определения API запросов RTK — хранить регидратацию, отличную от уровня компонентов