谷歌地图未出现在创建-反应-应用程序组件中

Question

我有一个谷歌地图组件，我知道它正在渲染，但是地图没有显示。这是我的代码

import React, { Component } from 'react';
const google = window.google
class GoogleMaps extends Component {
componentDidMount(){
new google.maps.Map(this.refs.map, {
zoom: 12,
center: {
lat: 37.773329,
lng: -122.416416
}
})
}
render(){
return(
<div>
<div ref="map"/>
<h1>map?</h1>
</div>
)
}
}
export default GoogleMaps;

Answer 1

我修复了它，我需要设置宽度和高度。默认情况下没有设置任何设置。