Rendering an array.map() in React

Question

I am having a problem where I am trying to use array of data to render a

element. In the code below the console.log\'s are working fine,

Answer 1

import React, { Component } from 'react';

class Result extends Component {


    render() {

           if(this.props.resultsfood.status=='found'){

            var foodlist = this.props.resultsfood.items.map(name=>{

                   return (


                   


                  
   

                  

                  
 {name.item}
                  
 Rs.{name.price}/=

                  
                  
                  


                    {name.description}  
                    
                  
                


                    Quantitiy
                    
                    
 {this.props.savelist(name.item,name.price);
                    this.props.pricelist(name.price);
                    this.props.quntylist(this.refs.qty.value);
                    }
                    }>ADD Cart
                        



                  


                      

                

                

                   )
            })



           }



        return (

   {foodlist}

        )
    }
}

export default Result;