title: Render router Children ReactJS
body: <p>Hi guys So I have a page on my website with a sidebar as this drawing shows 
  <a href="http://i.stack.imgur.com/4hMJZ.jpg" rel="nofollow">page Drawing</a></p>
  
  <p>The drawing shows my page which is a child of app.
  I am currently trying to render a child component in the area labelled
  {this.props.children}.
  Currently my page renders without the content of the child component. 
  just blank.</p>
  
  <p>Here is my Router set up </p>
  
  <pre><code>&lt;Router history={hashHistory}&gt;
      &lt;Route path="/" component={App}&gt;
      &lt;IndexRoute component={LandingPage}/&gt;
      &lt;Route path="serviceitem" component={FullService}&gt;
        &lt;IndexRedirect to="trial"/&gt;
        &lt;Route path="trial" component={Trial}/&gt;
      &lt;/Route&gt;
      &lt;Route path="services" component={Services}/&gt;
      &lt;Route path="specials" component={Specials}/&gt;
      &lt;/Route&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>And this is how I am trying to render my component children </p>
  
  <p>This is ServicePane Component
      
       
       SideBar<br>
       
       
        {this.props.children}
       
      </p>
  
  <p>This is FullServicePane</p>
  
  <pre><code>    &lt;div&gt;
       &lt;NavigationBar/&gt;
       &lt;ServicePane/&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>FullService Contains</p>
  
  <pre><code> &lt;div&gt;
      &lt;FullServicePane/&gt;
      &lt;div className="row"&gt;
       &lt;BottomBar/&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>