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

否则，automatic semicolon insertion将在您的return之后加上分号，结果map将返回一个undefined值的数组。

Answer 2

像这样更改您的代码，看它是否有效

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

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

更新：这是越野车，编辑器隐藏了我的

标签，所以我在li之前放了空格

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

2 个答案: