更改网址动态JS

Question

我有一个应该动态更改的URL。 数字2是动态的。

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

如何仅更改URL的ID部分？

Answer 1

您正在寻找template literal

class Main extends Component { 
...

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

编辑

示例使用get外部的函数制作动态网址

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