# How to pass props to a child component via React Router

> Learn how to pass props to a child component through React Router by using the Route render prop, so the component reads them directly as normal props.

Author: Flavio Copes | Published: 2017-08-20 | Updated: 2018-05-10 | Canonical: https://flaviocopes.com/react-pass-props-router/

There are many solutions to pass props to a child component via [React Router](https://flaviocopes.com/react-router/), and some you'll find are outdated.

The most simple ever is adding the props to the Route wrapper component:

```js
const Index = props => <h1>{props.route.something}</h1>

var routes = <Route path="/" something={'here'} component={Index} />
```

But in this way you need to modify how you access props, via `this.props.route.*` instead than the usual `this.props`, which might or might not be acceptable.

A way to fix this is to use:

```js
const Index = props => (
  <h1>{props.something}</h1>
)

<Route path="/" render={() => <Index something={'here'} />} />
```