theJuls theJuls - 1 month ago 6
React JSX Question

How to access value of a routing parameter in react?

I want to have a 'dynamic route' for a section of my app, which was done like this:

<Route path="path(/:id)" component={Component} />


So far this works, but in Component I would like to access the value of id because it changes a bunch of things depending on which it is. How can I do that?

Answer

In your component, you would access this via props.

this.props.params.id

Here is the guide from react-router that goes into more detail as well. https://github.com/reactjs/react-router-tutorial/tree/master/lessons/06-params

Comments