CODEWITHSUNDEEP
reactjsreduxrtk-query
fpetrakov
fpetrakov

Reputation: 466

RTK Query query parameter

I want to send request like this https://pixabay.com/api/?key=1231231231231&per_page=10. But this code sends request like this https://pixabay.com/api/?key=1231231231231/per_page=10. How do I fix it? Can't get how to set query parameter

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";

export const api = createApi({
  reducerPath: "api",
  baseQuery: fetchBaseQuery({
    baseUrl: `https://pixabay.com/api/?key=${process.env.REACT_APP_API_KEY}`,
  }),
  endpoints: builder => ({
    getPhotos: builder.query({
      query: (limit = 10) => `per_page=${limit}`,
    }),
  }),
});

export const { useGetPhotosQuery } = api;

Upvotes: 1

Views: 8624

Answers (2)

fpetrakov
fpetrakov

Reputation: 466

getPhotos: builder.query({
  query: (limit = 10) => ({
    url: "",
    method: "GET",
    params: { per_page: limit },
  }),
}),

Upvotes: 0

phry
phry

Reputation: 44086

query: (limit = 10) => `per_page=${limit}`,

is just short for

query: (limit = 10) => ({
  url: `per_page=${limit}`,
  method: 'GET'
}),

you probably want to do something like

query: (limit = 10) => ({
  params: { per_page: limit }
}),

Upvotes: 2

Related Questions