javascript - 在 React 中使用 for 循环对象时出现连线错误

Question

当我尝试遍历对象并返回子组件时，我遇到了一个奇怪的错误。

这是我尝试执行的代码:

 if(itemData){
      var listItem;
      for (var key in itemData) {
       let data = itemData[key]

        listItem = [...listItem, (<ListItem itemData= {data} />)];
       }
     console.log(listItem, 'list item');
    }

它说:

TypeError: Invalid attempt to spread non-iterable instance
 for (var key in itemData) {
  31 |    let data = itemData[key]
  32 |     
> 33 |     listItem = [...listItem, (<ListItem itemData= {data} />)];
     | ^  34 |    }
  35 |  console.log(listItem, 'list item');
  36 | }

Ps: itemData 只是一个普通的对象，里面有一些字段。有人可以看看我的代码并告诉我哪里出了问题吗？循环遍历数组和对象有什么区别吗？

Answer 1

您只声明了 var listItem;，并没有给它赋值，所以它在第一次迭代时的值为 undefined。

要修复它，请将您的声明更改为:

var listItem = [];