javascript - 反应未定义的地图输出

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>
    )
}

标签： javascriptreactjs

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>
   )   
})