Javascript 获取查询中的传递id参数（ReactJS）

我是javscript开发新手，在查询URL中传递id参数时遇到了一些问题。 我现在在体内传递ID值，我想在REST方法中这是不对的

我如何将

Id:event.target.DepartmentId.value，

像

https://localhost:5001/api/departments/{id}

handleSubmit（事件）{
event.preventDefault（）；
取回（“https://localhost:5001/api/departments/", {
方法：“放”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”，
“来源”：“*”
},
正文：JSON.stringify({
Id:event.target.DepartmentId.value，
名称：event.target.DepartmentName.value
})
})
.then（res=>res.json（））
。然后（（结果）=>
{
this.setState（{snackbaropen:true，snackbarmsg:“编辑成功！”）
},
（错误）=>{
this.setState（{snackbaropen:true，snackbarmsg:“failed”}）
}
)
}

您可以像这样使用js模板文字：

handleSubmit（事件）{
event.preventDefault（）；
取回(`https://localhost:5001/api/departments/${event.target.DepartmentId.value}`{
方法：“放”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”，
“来源”：“*”
},
正文：JSON.stringify({
Id:event.target.DepartmentId.value，
名称：event.target.DepartmentName.value
})
})
.then（res=>res.json（））
。然后（（结果）=>
{
this.setState（{snackbaropen:true，snackbarmsg:“编辑成功！”）
},
（错误）=>{
this.setState（{snackbaropen:true，snackbarmsg:“failed”}）
}
)
}

您可以像这样使用js模板文字：

handleSubmit（事件）{
event.preventDefault（）；
取回(`https://localhost:5001/api/departments/${event.target.DepartmentId.value}`{
方法：“放”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”，
“来源”：“*”
},
正文：JSON.stringify({
Id:event.target.DepartmentId.value，
名称：event.target.DepartmentName.value
})
})
.then（res=>res.json（））
。然后（（结果）=>
{
this.setState（{snackbaropen:true，snackbarmsg:“编辑成功！”）
},
（错误）=>{
this.setState（{snackbaropen:true，snackbarmsg:“failed”}）
}
)
}

您应该使用参数

并在服务器端查询参数

   `https://localhost:5001/api/departments/?id=${id}`

你应该使用params

并在服务器端查询参数

   `https://localhost:5001/api/departments/?id=${id}`

---

这起作用了。而文字没有

  localhost:5001/api/departments" + event.target.DepartmentId.value

---

这起作用了。而文字没有

  localhost:5001/api/departments" + event.target.DepartmentId.value

---

您可以根据需要构建URI。例如“+event.target.DepartmentId.value”您可以根据需要构建URI。例如“+event.target.DepartmentId.value”