title: How to create an array of nested components outside of the render() function in React Native?
body: <p>I have a screen implemented as a class, with a render method. I'm trying to create a method which will return an array of <code>&lt;View&gt;</code> components with two <code>&lt;Text&gt;</code> components as children.</p>
  
  <p>To distill the problem down further here, I'm just trying to figure out how to return a component nested with a child. I.e.:</p>
  
  <pre><code>  makeNested() {
      return &lt;View&gt; &lt;Text&gt;test&lt;/Text&gt; &lt;/View&gt;
    }
  
    render() {
      return (
        {this.makeNested()}
      )
    }
  </code></pre>
  
  <p>Which gives me an error telling me that text needs to be rendered inside a <code>&lt;Text&gt;</code> component, so it doesn't seem to be parsing the inner component as a JSX object. </p>
  
  <p>Is it possible to do this?</p>