Pass down child routes using context instead of props

[oliverwoodings]

Right now if you want to provide additional props to a child route you need to clone it, leading to code like this:

class App extends Component {
  render () {
    return (
      <div>
        {React.cloneElement(this.props.children, { anotherProp: 'foo' })}
      </div>
    )
  }
}

It would be much nicer IMO to have a <RouteHandler /> component like they do in react-router:

class App extends Component {
  render () {
    return (
      <div>
        <RouteHandler anotherProp='foo' />
      </div>
    )
  }
}

This should be pretty easy to achieve. The RouteHandler component would look something like this:

class RouteHandler extends Component {
  static childContextTypes = {
    routes: PropTypes.array
  }
  static contextTypes = {
    routes: PropTypes.array
  }

  getChildContext () {
    return {
      routes: routes.slice(1)
    }
  }

  render () {
    return this.context.routes[0]
  }
}

Thoughts @KidkArolis ?

[KidkArolis]

Cleaning up issues of a bunch of repos.