从react中的对象数组中获取第一个对象

IT技术 reactjs
2021-05-20 16:32:09

我试图从对象数组中获取第一个对象。在 componentDidMount 中获取数据并返回:

var array1 = [
    {
      Id: 1, 
      Categories: 200 
    },
    {
      Id: 2, 
      Categories: 100 
    }
]

(实际数据要复杂得多,但格式相同)我想要的是:

array2 = [
    Id: 1, 
    Categories: 200
]

我正在使用

var iterator1 = array1.entries();
let array2 = iterator1.next().value

当我console.log(array2)显示数组数据时(所有键和值都在数组的索引 1 中),然后当我console.log(array2[1].Id) 在类组件的渲染方法中显示 undefined我在其他 IDE 中使用了相同的代码,但没有使用 react 代码工作。有人可以向我解释一下吗?感谢任何帮助。

编辑:最后我发现我问错了问题。我未能获取数据,因为我将减速器中的数据声明为对象而不是数组。我标记了 larz 的答案,因为您只需要放置索引 0 即可从对象数组中获取第一个对象。

1个回答

使用 获取数组中的第一项,[0]在您的情况下返回一个对象。然后你可以调用.Id它来获取id。

var array1 = [
    {
      Id: 1, 
      Categories: 200 
    },
    {
      Id: 2, 
      Categories: 100 
    }
];

var first = array1[0];

console.log(first, first.Id);