title: Why am I getting Warning: Functions are not valid as a React child?
body: <p>When I try to call a method which returns the result of the map method, I get the following error <code>Warning: Functions are not valid as a React child. This may happen if you return a Component instead of &lt;Component /&gt; from render</code> but I don't know why. Here is my code:</p>
  <pre><code>renderAlbums() {
          return this.state.albums.map(album =&gt; &lt;Text&gt;{ album.title }&lt;/Text&gt;);
      }
  
      render() {
          return (
              &lt;View&gt;
                  { this.renderAlbums }
              &lt;/View&gt;
          );
      }
  </code></pre>
  <p>But I the code above I don't see where the problem comes from. But when I try to create a variable in my <code>render()</code> method in which a pass my <code>map()</code> method,everything works good:</p>
  <pre><code>render() {
    const c=this.state.albums.map(album =&gt; &lt;Text&gt;{ album.title }&lt;/Text&gt;);
      return (
          &lt;View&gt;
              { c }
          &lt;/View&gt;
      );
  }
  </code></pre>
  <p>I would like to understand why it doesn't work. When I call the render <code>renderAlbums()</code> method here <code>&lt;View&gt;{ this.renderAlbums }&lt;/View&gt;</code>.</p>
  <p>And And what seems even weirder to me is that when I try to call the <code>renderAlbums()</code> like this <code>&lt;View&gt;{ this.renderAlbums() }&lt;/View&gt;</code> with parentheses it works.</p>