反应未定义的地图输出[重复]

Question

在反应中我想返回并显示一个列表，但在以下代码中，我的listing 在日志中未定义，为什么？我没有错误信息

burgerListing = () => {

 const list = this.state.burgerList       

 const listing = list.map( burger => {
                     <div key={burger.id}>
                         <h3>{burger.name}</h3>
                         <strong>{burger.price}</strong>
                         <p>{burger.description}</p>
                     </div>
                 })

 console.log(listing);

 return listing

}; 


render(){

    return(
        <div>
            <this.burgerListing  />
       </div>
    )
}

Answer 1

您的.map() 没有返回任何内容，您需要这样做：

const listing = list.map( burger => {
  return (
    <div key={burger.id}>
     <h3>{burger.name}</h3>
     <strong>{burger.price}</strong>
     <p>{burger.description}</p>
    </div>
   )   
})