Как передать параметр запроса в почтовом вызове в Reactjs

Question

Я новичок в reactjs. Я делаю пост-вызов, но не уверен, как передать логическое значение в URL в качестве параметра запроса в reactjs. Например: http://www.abx.com?example=true. Как мне передать этот пример в пост api call. Конечная точка: API_SAMPLE: "/sample",

после вызова:

postCall() {
    const config = {
      headers: {
        accept: "application/json",
        "Content-Type": "application/json",
      },
    };
    const data = {
      product: {
        body
      },

    };
    return http
      .post(this.API.API_SAMPLE, data, config)
      .then((response) => {
        return response.data;
      })
      .catch((error) => {
        throw error;
      });
  }

Я хочу добавить логическое значение в свой параметр запроса, как мне это сделать

Answer 1

Вы можете использовать литералы шаблона для передачи переменной в ваш URL.

const example = true;
const url = `http://abx.com/sample?example=${example}`

или использовать ее следующим образом:

return http.post(`${this.API.API_SAMPLE}?example=${example}`, data, config) {...}

Answer 2

Если вы используете POST или GET, вам придется изменить URL. Вы можете сделать это «динамически» или использовать что-то вроде URLSearchParams: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

var URL = "http://example.com/search";
var searchParams = new URLSearchParams(URL);

searchParams.append("example", "true");

searchParams.toString() // "http://example.com/search?example=true";

Просто убедитесь, что вы поддерживаете правильные браузеры: https://caniuse.com/#search = urlsearchparams