我正在嘗試使用 react 和谷歌地圖構建地圖應用程序，我設法創建谷歌地圖組件并使用地圖，但是，當添加導航欄組件時，我找不到將地圖高度調整到空間的方法左側沒有顯示滾動條。Navbar 組件來自引導程序，我不知道它是否有所作為。地圖組件import React from 'react';import { GoogleMap, withScriptjs, withGoogleMap } from 'react-google-maps';const INIT_VALUES = {  initialZoom: 10,  center: { lat: -27.593500, lng: -48.558540 },};function Map() {  return (    <GoogleMap      defaultCenter={INIT_VALUES.center}      defaultZoom={INIT_VALUES.initialZoom}    />  );}const WrappedMap = withScriptjs(withGoogleMap(Map));export default WrappedMap;應用程序組件import React, { useEffect } from 'react';import MapNavbar from './components/navbar/index';import WrappedMap from './components/map/index';import './App.css';const MAP_KEY = 'https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places&key=******';const mapStyles = {  width: '100%',  height: '100vh',};async function fetchData(callback) {  const response = await fetch('http://localhost:5000/');  const data = await response.json();  callback(data);}function App() {  useEffect(() => {    fetchData((a) => console.log(a));  }, []);  return (    <div className="App">      <MapNavbar />      <div style={mapStyles}>        <WrappedMap          googleMapURL={MAP_KEY}          loadingElement={<div style={{ height: '100%' }} />}          containerElement={<div style={{ height: '100%' }} />}          mapElement={<div style={{ height: '100%' }} />}        />      </div>    </div>  );}export default App;