Pass object through Link in react router

by

So my final conclusion on this question is that I didn’t think it through properly. It seemed natural just to pass my data through the Link so I can access them in my Child component. As Colin Ramsay mentioned there is something called state in the Link but that’s not the way to do it.
It would work fine when the data is passed through Link only if the user clicks on something and is taken to the Child component.

The problem comes when the user accesses the url which is used in Link then there is no way to get the data.

So the solution in my case was to pass the ID in Link params and then check if my Store has the data (user accesses it via Link) and then getting this data from the Store.

Or if the data is not in the Store call the action to fetch the data from the API.

More Related Contents:

  1. Automatic redirect after login with react-router
  2. How to push to History in React Router v4?
  3. React : difference between and
  4. How to pass params with history.push/Link/Redirect in react-router v4?
  5. React Router v4 renders multiple routes
  6. How to get history on react-router v4?
  7. Detecting user leaving page with react-router
  8. How to pass params into link using React router v6?
  9. React router changes url but not view
  10. React Router v4 – How to get current route?
  11. Detect Route Change with react-router
  12. You should not use outside a
  13. how to cancel/abort ajax request in axios
  14. Simple Conditional Routing in Reactjs
  15. How do I pass state through React_router?
  16. react router v4 default page(not found page)
  17. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  18. Invariant failed: You should not use outside a
  19. Nested Routes not rendering with React Router v4
  20. React Router Dom v6 shows active for index as well as other subroutes
  21. React – TypeError: Cannot read properties of undefined (reading ‘params’)
  22. React router, pass data when navigating programmatically?
  23. react routing is able to handle different url path but tomcat returns 404 not available resources
  24. react router v6 No routes matched location
  25. How to generate sitemap with react router
  26. React router and this.props.children – how to pass state to this.props.children
  27. using NavLink with external URL
  28. How to go back to previous route in react-router-dom v6
  29. React Router Navigate pathing
  30. How to remove the hash from the url in react-router

Leave a Comment