JSX元素类型'GoogleMapReact‘没有任何构造或调用signatures.ts(2604)

Question

我得到错误"JSX元素类型'GoogleMapReact‘没有任何构造或调用signatures.ts(2604)“在我的TypeScript代码下面。我该怎么解决这个问题？

import React, { useState } from "react";
import GoogleMapReact from "google-maps-react";

const AnyReactComponent = ({ text }: any) => <div>{text}</div>;

const SimpleMap = (props: any) => {
  const [center, setCenter] = useState({ lat: 11.0168, lng: 76.9558 });
  const [zoom, setZoom] = useState(11);
  return (
    <div style={{ height: "100vh", width: "100%" }}>
      <GoogleMapReact
        bootstrapURLKeys={{ key: "XXXXXXXXXXXXXXXXXXXX" }}
        defaultCenter={center}
        defaultZoom={zoom}
      >
        <AnyReactComponent lat={11.0168} lng={76.9558} text="My Marker" />
      </GoogleMapReact>
    </div>
  );
};

export default SimpleMap;

Answer 1

您正在导入-react库，但是您正在使用组件，就像使用谷歌地图反应 (映射而不是映射)一样。

假设您想使用google-map-react：删除google-maps-react依赖项，安装google-map-react并更改代码中的导入。