Why am I getting Warning: Functions are not valid as a React child?

Question

When I try to call a method which returns the result of the map method, I get the following error Warning: Functions are not valid as a React child. This may happen if

Answer 1

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render

Basically,React expecting the React Elements to render it.

In current script,this.renderAlbums is a function reference which not returning any React Element.Function itself not react element.So,React unable to render the this.renderAlbums.

<View>
   { this.renderAlbums }
</View>

correct way:

<View>
   { this.renderAlbums() } //it will return react element which can be rendered.
</View>

Answer 2

this.renderAlbums refers to the actual function itself, whereas this.renderAlbums() actually executes the function and thus represents the function's return value.