Googleマップは作成反応のアプリコンポーネントに表示されません

Question

地図は表示されませんが、実際にレンダリングされていることがわかっているGoogleマップコンポーネントがあります。これは私のコードです

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

私はそれを固定したので、幅と高さを設定する必要がありました。デフォルトでは何も設定されていません。