Can't pass props to Route component={{}} but can't access location.pathname in Route render={{}}

Asked Jan 14 '19 at 12:23

Active Jan 14 '19 at 12:23

Viewed 14 times

Description

So I'm having the following route:
<Route path='/' component={RedirectUser} />
which allows me to use this.props.location.pathname in my RedirectUser component. Except, now I have to use some props; so I changed my route like this:
<Route path='/' MyState={this.state.MyState} render={() => <RedirectUser />} />
But apparently, this way doesn't allow me to use this this.props.location.pathname as I suddenly can't acces these props anymore.

Question

How can I still access my location props if I use a Route render={{}} ?

asked Jan 14 '19 at 12:23

Cédric Bloem

1,447
3
16
34

1

Check the duplicated answer and observe how it passes the props to the render arrow function as a parameter and for the component. – Antonio Rodriguez Jan 14 '19 at 12:44
The duplicated answer helped! Thanks :) – Cédric Bloem Jan 14 '19 at 13:25

Can't pass props to Route component={{}} but can't access location.pathname in Route render={{}}

Description

Question

0 Answers0