How to pass a query param in post call in Reactjs

Question

I am new to reactjs.I am doing a post call but not sure, how to pass a boolean value in url as a query param in reactjs. For eg: http://www.abx.com?example=true. How do I pass this example in post api call. Endpoint: API_SAMPLE: "/sample",

post call:

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

i want to add a boolean value in my query param, how will i do that

Umm. Type in into the URL.

Quentin
– Quentin

2020-05-04 13:54:50 +00:00
Commented May 4, 2020 at 13:54 — Quentin
– Quentin, Commented May 4, 2020 at 13:54

Bassem · Accepted Answer · 2020-05-04 14:16:17Z

2

You can use template literals to pass the variable to your URL.

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

or use it this way:

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

edited May 4, 2020 at 14:16

answered May 4, 2020 at 13:54

Bassem

4,1804 gold badges26 silver badges56 bronze badges

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

3 Comments

Singh Over a year ago

i have updated my question, Can you plz have a look how I'll be do it in my case

Bassem Over a year ago

Replace this.API.API_SAMPLE with url variable that you create as I showed you

Singh Over a year ago

is there any way to add this query param in endpoint: API_SAMPLE: "/sample"

Salmin Skenderovic · Accepted Answer · 2020-05-04 13:59:34Z

1

wether you are using POST or GET you will have to modify the URL. You can do this "dynamically" or you can use something like 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";

Just make sure you support the correct browsers: https://caniuse.com/#search=urlsearchparams

answered May 4, 2020 at 13:59

Salmin Skenderovic

1,73010 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to pass a query param in post call in Reactjs

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related