如何在React中让数组元素处于状态？

Question

我在this.state.placeinfo中有一个数组，我想显示id。

0:{
  id: "2"
  latitude: "35.737939"
  longitude: "139.7400265"
}

我这样编码，但结果为undefined。

console.log(this.state.placeinfo.id)

...
const line = this.state.placeinfo
console.log(line.id)

您有任何想法来展示id吗？

Answer 1

this.state.placeinfo包含一个对象数组。当你做完

const line = this.state.placeinfo

line实际上是一个数组，没有您要查找的ID属性。只有当您从该数组中获取一个元素时，您才可以访问这些属性。

因此，如果要获取第一个对象的ID，则在数组中为：

const line = this.state.placeinfo[0];

然后console.log(line.id)将起作用。