javascript - 在 GoogleMaps 中插入 JavaScript 会出错

Question

我有两个 json 数组，我试图用它们在地图上生成标记。

我收到错误：

尝试导入错误：“find”未从“./data/geoData.json”导出（导入为“geoData”）。

在尝试在 JS 中的 geoData 数组中查找该位置的 zip 时...

如前所述，console.log()返回正确的值。

import React from 'react';
import { GoogleMap, withScriptjs, withGoogleMap, Marker} from 'react-google-maps';
import styles from 'styled-components';
import * as zips from "./data/zips.json";
import * as geoData from "./data/geoData.json";

function googleMap () {
  return (
    <GoogleMap
      defaultZoom={5.0}
      defaultCenter={{lat: 38.5, lng: -98.5556}}
    >
      { zips['zipCodes'].map(zip => {
        console.log(geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.latitude); // I get the number
        console.log(typeof geoData);
        console.log(typeof geoData[0].fields);
        console.log(typeof geoData[0].fields.latitude);
        <Marker
          key = {zip['Shipment_Tracking_Number']}
          position = {{
            lat: geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.latitude,
            lng: geoData.find(elm => elm.fields.zip === zip['Recipient_Postal_Code']).fields.longitude
          }} />
      })}
    </GoogleMap>
  )
}

控制台输出：

34.197737 对象 对象编号