You may have returned undefined, an array or some other invalid object rendering state data

Question

Have been facing issue while iterating through a list and printing elements in React.

The React Code is:

import React from \'react\';
import ReactDOM fro         


        

Answer 1

Change like this, While you using map should use key attribute for index

makeUI() {
        if(!this.state.myData.length)
            return

        return this.state.myData.map((item, index) => {
        return (
            

                
{item.title}
                
{item.description}
            
            )
         })
    }

    render() {
        return (

            { this.makeUI() }
            
        )
    }