How to get reactjs router hardcoded params

Question

I have the following route:

<Route path="/userstream/:user" component={ Profile } param="stream" />

Then in my component i get :user in this way: this.props.match.params.user

But, how I can get stream from hardcoded param?

Thank you in advance.

Clarity · Accepted Answer · 2019-09-10T18:31:05.760

5

One way would be to pass it as a prop to component:

<Route path="/userstream/:user" component={ (props) => <Profile {...props} param="stream" /> }  />

Edit: for completeness sake, it's worth to mention a second approach, which is to use a render prop:

<Route path="/userstream/:user" render={ (props) => <Profile {...props} param="stream" /> }  />

There are some performance differences between the two approaches: react router difference between component and render.

edited Sep 10 '19 at 18:31

answered Aug 29 '19 at 08:02

Clarity

@apokryfos not necessarily. – Clarity Aug 29 '19 at 08:03
Maybe I'm using an older version – apokryfos Aug 29 '19 at 08:04
1

I mean both should work, I just prefer this version, since it's less verbose. – Clarity Aug 29 '19 at 08:05
No I mean I think in older versions of react-router this didn't work. I'm not entirely sure but that's what I remember. – apokryfos Aug 29 '19 at 08:06
That must be quite an old version, it's been around for a while. Also it seems there are some performance diffs between the two approaches: https://stackoverflow.com/questions/48150567/react-router-difference-between-component-and-render – Clarity Aug 29 '19 at 08:08

1 Answers1