./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之前放置了空格