Axios PUT Data with Params

Question

My backend API route is /api/updateUser/:id How am I supposed to POST data into this API? I'm familiar with POST request for non params APIs but this one has an /:id in the route.

Can someone show me an example with this demo code

state = {
    username: "random123",
    password: "random123",
    userid: "qwertyuiop",
  };


saveDetails = async () => {
    const { username, password, userid } = this.state;
    let data = new FormData();
      data.append('username',username);
      data.append('password',password);
    axios
      .put(apiEndPoint+'?id='+this.state.userid, data) //this is where I need help
      .then(async (response) => {
        if (response.data) {
          console.log("success");
        } else {
          console.log("issue");
        }
      })
      .catch((err) => {
        console.log("error",err);
      });
  };

Answer 1

This is the working example for Path Parameter Axios PUT request -

saveDetails = async () => {
    const { username, password, userid } = this.state;
    axios
      .put(apiEndPoint+"updateUser/"+userid, {
        username:username,
        password:password,
      })
      .then(async (response) => {
        if (response.data) {
          console.log("done");
          
        } else {
          console.log("error");
        }
      })
      .catch((err) => {
        console.log("error",err);
      });
  };