How do I use the params on my browser url on axios GET request

Question

Currently, I have been able to get the data into my component using

let {id} = useParams();

And when I call

{id} within my component, I get the id from the browser,s url. I however need it to enable me fetch data from my db

I have tried

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

But it didn't work

41 72 6c · Accepted Answer · 2022-12-21 05:57:43Z

NodeJS API route: /API/joindiscussion/:id

Passed in react: <Router path="/exmple/:id" element={<Example />} />

Example component used:

const id =useParams() const getData = () => { axios.get(`/API/joindiscussion/${id}`, { // do something }); }

OR

NodeJS API route /API/joindiscussion?id=123

const getData = () => { axios.get(`/API/joindiscussion?${id}`, { // do something }); }

This above concept in ES6 JS

sachin · Accepted Answer · 2022-12-17 05:41:07Z

Check your API and how it takes the id ( I'm assuming you're confused between the param and query method ).

If the API takes the id in param format, ( like : /API/joindiscussion/1234 where 1234 is the id) then your code should be

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

If the API takes the id in query format ( like : /API/joindiscussion/?id=1234 where 1234 is the id ) then your code should be

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

comment if you have any doubts.

41 72 6c · Accepted Answer · 2022-12-21 04:06:52Z

Your code could look like this:

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

3 Answers 3