Add parameter to url. Make url dynamic

Question

I have a function and i am trying to add the id parameter to the url and dynamically change the url and add the id parameter to it. but using curly braces doesnt reflect the parameter.

submitRating(rate, id) {
  this.setState({
    rating: rate,
  });
  console.log(this.state.rating);
  console.log(id);    ------> the console calls the id eg. id = 3499583
  const url = "https://oversight-ws.herokuapp.com/api/politicians/{id}/rating"  ---> that id should be rendered here on {id}
  console.log(url); ---> i want to return this url https://oversight-ws.herokuapp.com/api/politicians/3499583/rating
  return;

Dimitri · Accepted Answer · 2018-01-30 09:31:23Z

1

You are using es6 so you can use the string interpolation to do that :

const id = 3499583;
const url = `https://oversight-ws.herokuapp.com/api/politicians/${id}/rating`;
console.log(url);

answered Jan 30, 2018 at 9:31

Dimitri

8,31819 gold badges75 silver badges133 bronze badges

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

Comments

iamcaleberic · Accepted Answer · 2018-01-30 09:50:39Z

1

const id = 1

const url = "https://oversight-ws.herokuapp.com/api/politicians/" + id + "/rating"

or

const id = 1

const url = `https://oversight-ws.herokuapp.com/api/politicians/${id}/rating`

edited Jan 30, 2018 at 9:50

answered Jan 30, 2018 at 9:30

iamcaleberic

9439 silver badges14 bronze badges

Comments

Abderrahim Soubai-Elidrisi · Accepted Answer · 2018-01-30 09:38:52Z

0

Using ES6 and refer to this you van write it like this

const id = 3499583;
const url = `https://oversight-ws.herokuapp.com/api/politicians/${id}/rating`;

answered Jan 30, 2018 at 9:38

Abderrahim Soubai-Elidrisi

5,2621 gold badge31 silver badges41 bronze badges

Comments

stojkosd · Accepted Answer · 2018-01-30 09:39:01Z

You can use ES2015 template literals feature.

Template Literals MDN

`string text ${expression} string text`

` => back-tick on keyboard

${} => placeholder within template

const url = `https://oversight-ws.herokuapp.com/api/politicians/${id}/rating`

===========================================================================

submitRating(rate, id) {
  this.setState({
    rating: rate,
  });
  console.log(this.state.rating);
  console.log(id);    ------> the console calls the id eg. id = 3499583
  const url = `https://oversight-ws.herokuapp.com/api/politicians/${id}/rating`  ---> that id should be rendered here on {id}
  console.log(url); ---> i want to return this url https://oversight-ws.herokuapp.com/api/politicians/3499583/rating
  return;

Collectives™ on Stack Overflow

Add parameter to url. Make url dynamic

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related