Reactjs 我试图在我的项目中插入谷歌地图，但出现了一个错误

我是ReactJS的新手，如果这听起来不对劲，我很抱歉

这是编译时控制台中显示的错误：

元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件。 以下是在App.js中插入组件的代码：

import React, { Component }  from 'react';
import './App.css';
import SimpleMap from './SimpleMap'

function App() {
  return (
    <div className="App">
      <SimpleMap />
    </div>
  );
}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
从“./SimpleMap”导入SimpleMap
函数App（）{
返回(
);
}
导出默认应用程序；

SimpleMap代码：

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';
 
const AnyReactComponent = ({ text }) => <div>{text}</div>;
 
class SimpleMap extends Component {
  static defaultProps = {
    center: {
      lat: 59.95,
      lng: 30.33
    },
    zoom: 11
  };
 
  render() {
    return (
      // Important! Always set the container height explicitly
      <div style={{ height: '100vh', width: '100%' }}>
        <GoogleMapReact
          bootstrapURLKeys={{ key: "AIzaSyAEKXIE54WnL96aA4qln5bEzU3uOGKqhyo"}}
          defaultCenter={this.props.center}
          defaultZoom={this.props.zoom}
        >
          <AnyReactComponent
            lat={59.955413}
            lng={30.337844}
            text="My Marker"
          />
        </GoogleMapReact>
      </div>
    );
  }
}
 
export default SimpleMap;

import React，{Component}来自'React'；
从“谷歌地图反应”导入谷歌地图反应；
const AnyReactComponent=（{text}）=>{text}；
类SimpleMap扩展了组件{
静态defaultProps={
中心：{
拉脱维亚：59.95，
液化天然气：30.33
},
缩放：11
};
render（）{
返回(
//重要提示！始终明确设置容器高度
);
}
}
导出默认SimpleMap；

这是因为SimpleMap组件可能为空，只需将此代码粘贴到组件（SimpleMap）中即可

import React，{Component}来自'React'；
从“react GoogleMaps”导入{withGoogleMap，GoogleMap}；
类映射扩展组件{
render（）{
const GoogleMapExample=withGoogleMap（道具=>(
));
返回(
);
}
};
导出默认地图；

并在index.html中添加此google地图脚本（）

最后，只需使用Thread或npm安装react google地图包

yarn add react-google-maps
npm install react-google-maps

---

添加SimpleMap组件，并详细解释您试图实现的目标。当我尝试安装google map react时，我收到此错误npm ERR！无法解析依赖项：npm错误！来自谷歌地图的对等反应“^16.0.0”-react@2.1.9npm错误！节点\模块/谷歌地图反应npm错误！google map react@“*”从根项目尝试使用Thread

Thread添加react google maps

我放弃了使用npm I--forse安装模块，但同样的错误我正在尝试使用Thread安装google map react软件包，因为我的react版本@17.0.2不支持该软件包。