./src/index.js第36行：预期执行赋值或函数调用，而是看到一个表达式no-unused-expressions

Question

我正在运行地图功能，但由于此而没有得到结果

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

Answer 1

确保将return语句和返回的代码放在同一行：

return (
  <div>
    <ul>
      {items.map(item => {
        return <li key={item.id}>{item.name}</li>; // this should be one line
      })}
    </ul>
  </div>
);

否则， 自动分号插入将在您return后加上分号，结果map将返回undefined值的数组。

Answer 2

像这样更改您的代码，看看是否可行

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

并且确保您的商品中有一个数组希望它对您有用

更新：这是越野车，编辑器隐藏了我的<li>标记，因此我在li之前放置了空格