Reactjs es6映射无法渲染，控制台中没有错误

在我的渲染函数中，我执行console.log（项目），我得到了这个

但是为什么我的渲染没有输出

{items.map(item => {
    <li key={item.id}>item.name</li>
})}

{items.map（item=>{
item.name
})}

在arrow函数的主体中缺少一条return语句，并且在

item.name

周围也缺少大括号，这是JSX中插值所需的语法

{items.map(item => {
      return <li key={item.id}>{item.name}</li>
//    ^                        ^         ^
})}

{items.map（item=>{
return
{item.name}
//    ^                        ^         ^
})}

看一看，其中有很多您可能会觉得有用的细节。

{items.map（item=>{
{items.map(item => {
    <li key={item.id}>item.name</li>
})}

item.name
})}

这不会从map函数返回

。您需要的是：

{items.map(item => <li key={item.id}>item.name</li>)}

{items.map（item=>
item.name
）}

它隐式返回

，或者执行以下操作：

{items.map(item => {
   return <li key={item.id}>item.name</li>
})}

{items.map（item=>{
return
item.name
})}

您忘记了退货）

{items.map（item=>{
return
item.name
})}

或者可以这样写

 {items.map(item => <li key={item.id}>item.name</li>  )}

{items.map（item=>
item.name
）}

 {items.map(item => <li key={item.id}>item.name</li>  )}