如何在 axios GET 请求中使用我的浏览器 url 上的参数

Question

目前，我已经能够使用

let {id} = useParams();

当我打电话

{id} 在我的组件中，我从浏览器的 url 获取 id。 但是我需要它来让我从我的数据库中获取数据

我试过了

const getData = () => {
     axios.get(`/API/joindiscussion/` + {id}, {
     //do something
     }):
}

但它没有用

Answer 1

nodejs api路由/API/joindiscussion/:id

传入 react <Router path="/exmple/:id" element={} />

示例组件使用 const id =useParams()

const getData = () => {

 axios.get(`/API/joindiscussion/${id}`, {
 //do something

 }):

}

要么

nodejs api路由/API/joindiscussion?id=123

const getData = () => {

 axios.get(`/API/joindiscussion?${id}`, {
 //do something
 }):

}

ES6 javascript 中的上述概念

Answer 2

检查您的 API 以及它如何获取 id（我假设您对参数和查询方法感到困惑）。

如果 API 采用参数格式的 id，（例如： /API/joindiscussion/1234 ，其中 1234 是 id），那么您的代码应该是

axios.get(`/API/joindiscussion/` + id,

如果 API 采用查询格式的 id（例如： /API/joindiscussion/?id=1234 ，其中 1234 是 id），那么您的代码应该是

axios.get(`/API/joindiscussion/?id=` + id,

如果您有任何疑问，请发表评论。

Answer 3

像这样：

let param = useParams()
  axios.get(`url/${param.id}`).then(response => {
    // do something with the response
  })