title: react router v4 child component
body: <pre><code>import React from 'react';
  import { IndexRoute, Router, Route, hashHistory } from 'react-router';
  import Home from './containers/Home';
  import App from './containers/App';
  
  export default (
    &lt;Router history={hashHistory}&gt;
      &lt;Route path="/" component={App}&gt;
        &lt;IndexRoute component={Home}/&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  );
  </code></pre>
  
  <hr>
  
  <pre><code>import React, { Component } from 'react';
  import {Background} from '../App/App.style'
  
  
  class App extends Component {
    render() {
      return (
        &lt;div&gt;
          {this.props.children}
          {console.log(this.props.children)}
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>What alternative for these code in routerV4<br>
  i want Home component as a child of App Component 
  what will use instead of IndexRoute?</p>