Ayrton Dumas Ayrton Dumas - 1 year ago 152
React JSX Question

React router - personal props undefined

Hello people

I'am trying to pass a props through a react route (


<Router history={browserHistory}>
<Route path="/" component={MainLayout} user={user}>
<IndexRoute component={DocumentsPage}></IndexRoute>
<Route path="about" component={AboutPage}></Route>
<Route path=":id/preview" component={PreviewPage}/>
<Route path="upload" component={UploadPage}></Route>

but in my layout, the
is undefined.

So, here are my two questions:

  1. Is it possible to pass props through a Route ?

  2. Can i set session-like variable in React ?

Thank you <3

Answer Source

you can pass the props in route however accessing the prop will be a tedious task in this case because this.props.routes contains array of loaded routes and in that array one of the route contains the prop you passed, however if you assign a name prop to all routes then you can loop them and know exactly which index of routes array contain the prop you want to access but the better choice will be to use redux(my choice) or flux to access and pass props to components

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download