React Router

[CosMo578]

Hello, I'm working on this same project and I'm encountering issues. Dunno if you can help out.
I was wondering how you were able to render the data for each country. I have created a route for individual country details but don't know how to render the data of a specific country on that route or if I should filter the country. I'm not working with the API though, I have the json data being exported from another file. I would really appreciate if you could help me with this 😅

[catherineisonline]

Hi, in this project, I use a useParams hook, useParam to access and use params inside the component from the URL: quick reference here: https://www.geeksforgeeks.org/reactjs-useparams-hook/. My route to a single country is "<Route path="/:name" element={} />", With the useParams you can retrieve the URL and URL contains the name. This ":name" path is created when you click the single country link on the main page and the href of this link is " to={/${name.toLowerCase().replace(/\s/g, "%20")}}". So it's dynamically generated URL depending on the country name. Then, when you retrieve the country name you can again call the API and find the target country using this name. You can also use window.location.pathname and retrieve the generated URL with the name and then call API using this name.

[CosMo578]

Thanks very much. This should probably work out. I'll make sure to give you credits for sharing a pro tip with me. I really appreciate 😇

[catherineisonline]

Good luck!

[catherineisonline]

Thanks very much. This should probably work out. I'll make sure to give you credits for sharing a pro tip with me. I really appreciate 😇