title: How to add a className to all child routes?
body: <p>I have a Route that has a component with this in its render() :</p>
  
  <pre><code>&lt;div&gt;
    &lt;Nav/&gt;
        {this.props.children}
    &lt;Footer/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I give all components that are rendered through it as children a className?</p>
  
  <p>I've tried this:</p>
  
  <pre><code>&lt;div&gt;
    &lt;Nav/&gt;
        {React.cloneElement(this.props.children || &lt;div /&gt;, { className: 'test' })}
    &lt;Footer/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it doesn't work. </p>
  
  <p>I'm assuming the className went on the Route component instead of the component that was passed to the Route component?</p>