Changing url dynamic JS

Question

I have a URL which should be changing dynamically. The number 2 is dynamic.

const API_Albums = `https://jsonplaceholder.typicode.com/users/2/albums`


class Main extends Component { 
...

  fetchAlbums(id) {
        axios.get(API_Albums+id/albums)
            .then(result => {
               .....
            })
            .catch(error => console.log(error)
            )
    }
}

How can I change only the id's part of URL?

Possible duplicate of Javascript concatenate variable to url — Heretic Monkey
– Heretic Monkey, Commented Nov 2, 2018 at 14:17

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You are looking for a template literal

class Main extends Component { 
...

  fetchAlbums(id) {
        axios.get(`https://jsonplaceholder.typicode.com/users/${id}/albums`)
            .then(result => {
               .....
            })
            .catch(error => console.log(error)
            )
    }
}

Edit

Example using a function outside of the get to make the dynamic url

const buildUrl = id => `https://jsonplaceholder.typicode.com/users/${id}/albums`
class Main extends Component { 
...

  fetchAlbums(id) {
        axios.get(buildUrl(id))
            .then(result => {
               .....
            })
            .catch(error => console.log(error)
            )
    }
}

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 2, 2018 at 14:13

D Lowther

1,6191 gold badge10 silver badges16 bronze badges

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

2 Comments

John Over a year ago

Is there any way to do that not inside get function?

D Lowther Over a year ago

you could make a function to do it, i'll add an edit

Collectives™ on Stack Overflow

Changing url dynamic JS

1 Answer 1

Edit

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Edit

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related