Question

因此，我已经在React应用程序中使用访存从api中提取了一些数据，然后使用.map将想要的数据获取要以表格形式显示的数组。

当我记录映射的数组时，它会显示我想要的数据，但是当我尝试访问它以显示它的特定元素时，它返回的是未定义的。

如果控制台日志中的数组显示它具有元素名称和年龄，那么在尝试访问它时，我是否做错了未定义的定义？也许我访问错误的方式。任何帮助将不胜感激。

function getMap(results) {
   return results.map((res) => {
       return {name: res.name, age: res.age}
}

fetch(URL)
   .then(result) {
       let x = getMap(result.result);
       console.log(x);

///// the console log shows an array [{name: 'Peter', age: 30}]

      console.log(x.name);

///// console log returns undefined
})

Answer 1

您没有正确访问阵列。请记住，数组就像是事物的“列表”，在这种情况下是对象。每个对象都有两个属性，名称和年龄。在第二个console.log中尝试访问它的方式，是试图访问数组本身的.name属性。这是非常基本的操作，但是要访问数组中的项，您需要传递一个索引（从零开始），如下所示：checkBox.setGravity( Gravity.CENTER )。因此，要访问数组中第一项的名称属性，可以使用myArray[0]。要遍历整个数组，您可以执行x[0].name

从api pull映射后无法访问数组中的数据

1 个答案: