Блог

Главная - Вопросы по программированию - Добавьте параметр запроса в середине URL-адреса с помощью react fetch

Добавьте параметр запроса в середине URL-адреса с помощью react fetch

#reactjs #rest

Вопрос:

Я пишу сервис для всех моих RestAPI, где я храню RestAPI, а затем использую его, когда мне это нужно, вызывая методы.

RestApiService.js

  let getData = 'https://myURL?id=123456';
export const getIndividualUsers = (resourceId) => {
    const queryParams = {
        userId: resourceId
    };
    
        queryParams.authorization = sessionStorage.getItem("authorization");

    }
    
    Object.keys(queryParams).forEach((k) => {
        queryParams[k] = (typeof (queryParams[k]) !== 'string') ? JSON.stringify(queryParams[k]) : queryParams[k];
    });
    return getData.get('', queryParams);

};

Я вызываю этот метод, когда мне нужны данные, используя имя метода, и использую ответ в своем коде:

 getIndividualUsers(123456).then((response));

Теперь в одном из моих API есть переменная в середине URL-адреса, такая как

URL: ‘https://myURL/${переменная}/дети/12’

Как передать параметры запроса(переменную) в середине Url-адреса? У меня будет значение переменной, когда я вызову метод, который извлекает URL-адрес, а не при определении URL-адреса.

Комментарии:

1. Я не уверен, что понимаю ваш вопрос. Вы спрашиваете, как использовать шаблонные строки? Кроме того, параметры запроса будут частью строки запроса в конце URL-адреса, а не в его середине.

2. Нет, не шаблонные строки, но в основном добавляют значение переменной в середине строки. В дополнение к параметрам запроса в конце. Потому что я определяю URL-адрес в службе, и у меня будет значение переменной при вызове метода, который извлекает URL-адрес.

Ответ №1:

Какой библиотекой вы пользуетесь? В любом случае, вы всегда можете делать то, что описано ниже.

 const getChild = (parentName, id) => {
  let url = `https://myURL/${parentName}/children/${id}`;
  ...
};
Метки: