title: my props.children are not rendering, but they are in the parent component
body: <p>Here is my main App class:</p>
  
  <pre><code>return(
    &lt;Provider store={store}&gt;
      &lt;View style={ { flex: 1, paddingTop: paddingTop } }&gt;
        &lt;MainScreenNavigator/&gt;
      &lt;/View&gt;
    &lt;/Provider&gt;
  )
  </code></pre>
  
  <p>which works. But if I try to wrap this in a Login like this:</p>
  
  <pre><code>return(
    &lt;Provider store={store}&gt;
      &lt;View style={ { flex: 1, paddingTop: paddingTop } }&gt;
        &lt;Login&gt;
          &lt;MainScreenNavigator/&gt;
        &lt;/Login&gt;
      &lt;/View&gt;
    &lt;/Provider&gt;
  )
  </code></pre>
  
  <p>with the Login class as follows:</p>
  
  <pre><code>class Login extends Component {
    render = () =&gt; {
      return (
        &lt;View&gt;
          {this.props.children}
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>Nothing gets rendered. I don't understand.</p>