RTK Query query parameter

Question

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;

phry · Accepted Answer · 2021-11-23 16:18:57Z

2

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 }
}),

answered Nov 23, 2021 at 16:18

phry

44.9k7 gold badges96 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

four-eyes Over a year ago

Where did the url prop in query: (limit = 10) => ({params: { per_page: limit }}), go?

phry Over a year ago

in this case, it would be an empty string so no need to specify it.

fpetrakov · Accepted Answer · 2021-11-23 16:42:49Z

0

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

answered Nov 23, 2021 at 16:42

fpetrakov

4762 gold badges6 silver badges18 bronze badges

1 Comment

nima Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. You can find more information on how to write good answers in the help center: stackoverflow.com/help/how-to-answer . Good luck 🙂

Collectives™ on Stack Overflow

RTK Query query parameter

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related