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

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>

Leave a Comment