es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Parámetro de consulta de la consulta RTK.

31 May, 2023 Programación

Quiero enviar una solicitud así: https://pixabay.com/api/?key=1231231231231&perpage=10. Pero este código envía la solicitud así: https://pixabay.com/api/?key=1231231231231/perpage=10. ¿Cómo lo arreglo? No entiendo cómo establecer el parámetro de consulta.

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;
Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para configurar el parámetro de consulta, debes usar la opción params en lugar de agregar los parámetros directamente en la URL. A continuación, te mostramos cómo puedes modificar tu código para enviar la solicitud con el parámetro de consulta:

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

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

export const { useGetPhotosQuery } = api;

    En este código, estamos pasando los parámetros key y per_page como un objeto usando la opción query. Esto codificará automáticamente los parámetros y los agregará como cadena de consulta en la URL.

Comments are closed.