現在，我正試圖用react創建一個應用程式，我在專案中使用Google Map API。
我得到了這個錯誤，但我不知道為什么會發生這種情況。
如果有人知道任何線索，請告訴我。
import React from 'react';
import GoogleMapReact from 'google-map-react';
import { Paper, Typography, useMediaQuery } from '@material-ui/core'/span>。
import useStyles from './styles'.
const Map = (/span>) => {
const classes = useStyles()
const isMobile = useMediaQuery('(min-width:600px)'/span>)
const coordinates = { lat: 0, lng: 0 }
return (
<div className={classes.mapContainer}> /span>
<GoogleMapReact>/span>
bootstrapURLKeys={{ key: 'AaosjbnsajsnbjIUYIkbbaskjbd' }}.
defaultCenter={坐標}。
center={坐標}。
默認Zoom={14}。
margin={[50, 50, 50, 50]}。
options={''}
onChange={''}
onChildClick={''}
</GoogleMapReact>/span>
</div>/span>
)
}
export default Map;
uj5u.com熱心網友回復：
一個簡單的>是錯位的。與其說是傳遞道具，不如說是無意中把孩子傳遞給組件。
<GoogleMapReact>
bootstrapURLKeys={{ key: 'AaosjbnsajsnbjIUYIkbbaskjbd' }}}
默認中心={坐標}。
center={坐標}
defaultZoom={14}。
margin={[50, 50, 50, 50]}。
options={''}。
onChange={''}。
onChildClick={''}。
</GoogleMapReact>
把它改成這樣：
<GoogleMapReact
bootstrapURLKeys={{ key: 'AaosjbnsajsnbjIUYIkbbaskjbd' }}}
默認中心={坐標}。
center={坐標}
defaultZoom={14}。
margin={[50, 50, 50, 50]}。
options={''}。
onChange={''}。
onChildClick={''}>
</GoogleMapReact>
uj5u.com熱心網友回復：
看一下GoogleMapReact道具
<GoogleMapReact ...props></GoogleMapReact>/code>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/328628.html
標籤：