reactjs - 带有参数的 Axios PUT 数据

Question

我的后端 API 路由是/api/updateUser/:id 我应该如何将数据发布到这个 API 中？我熟悉非参数 API 的 POST 请求，但这个请求/:id在路由中。

有人可以用这个演示代码给我看一个例子吗

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

标签： reactjsreact-nativepostaxiosexpo

Answer 1

这是路径参数 Axios PUT 请求的工作示例-

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