返回数组类型的不同方式（通过graphql返回的数据）答案

【问题标题】：different ways of returning array types (data returned via graphql)返回数组类型的不同方式（通过graphql返回的数据）
【发布时间】：2020-11-28 13:40:42
【问题描述】：

我有一个看起来像这样的工作函数：

  const handleClickOnFavouriteLocation = (item: any) => {
    console.log('MY COORD', item.coordinates);
    if(data){
      console.log('DATA COORD', data.personalFavouritePlaces.nodes[0].center.coordinates);
    }
    const addressDetails = {
      placeName: item.street,
      coordinates: item.coordinates,
    };
    Keyboard.dismiss();
    chooseLocation(addressDetails);
  };

目前，此处的项目是硬编码的，并且可以正常工作。但是，我正在尝试用通过 grapqhl 返回的项目替换硬编码项目。但是，我在坐标字段中出现错误。

例如，如果我检查日志上的item.coordinates，我会看到这个。长度为2：

MY COORD (2) [8.217462, 53.13975]

(2) [8.217462, 53.13975]
0: 8.217462
1: 53.13975
length: 2
__proto__: Array(0)

但是，当我检查从 graphql 返回的坐标示例时，我看到了：

DATA COORD [Array(2)]

DATA COORD 
[Array(2)]
0: (2) [8.183364, 53.157753]
length: 1
__proto__: Array(0)

这里的长度是 1。尽管它们看起来是一样的。如何更改 grahql 返回的数据（坐标字段），使其可以像硬编码一样使用？

【问题讨论】：

标签： javascript reactjs typescript react-native graphql

【解决方案1】：

因为 graphql 返回一个单项长数组，其中第一项包含所需的数组，所以只需使用 item.coordinates[0] 将其与硬编码项一样使用

【讨论】：