React fetch('http://localhost:3000/profile/:id')

Question

as the title says, I am trying to fetch this URL from node/express server. The route is working fine in Postman, so I believe it tells me the mistake is in my fetch method.

my code:

onSubmitSave = () => {
    fetch('http://localhost:3000/profile/:id', {
        method: 'put',
        headers: {'Content-Type': 'application/json' },
        body: JSON.stringify({
            name: this.state.name, 
            telephone: this.state.telephone,
        })
    })
    .then(response =>  response.json())
    .then(user => {
        console.log(user);
    }).catch(err => console.log(err))

} 

I would be glad if anyone could help me with that.

Answer 1

I don't see your :id being replaced by any string interpolation. You might be looking for something like this:

fetch(`http://localhost:3000/profile/${this.id}`)