React中如何遍历List对象内的category数组并访问id与name？

你把map方法的参数顺序搞反了——第一个参数是数组里的每一项（也就是你要的category对象），第二个参数才是索引。

修正后的代码如下：

{List.category.map((item, index) => {
  console.log("ID:", item.id, "Name:", item.name);
  // 如果要在React中渲染内容，记得返回JSX，比如：
  return <div key={item.id}>{item.name}</div>;
})}

关键说明： #

• item就是数组里的每个category对象，直接通过item.id和item.name就能访问对应属性
• 在React的列表渲染中，必须给每个元素加上唯一的key属性（这里用item.id最合适）
• 你之前的代码把index（索引）放在了第一个参数位置，所以打印出来的都是0、1、2这些索引值

内容的提问来源于stack exchange，提问作者Jerémi paul