Reactjs 在react js中调整google地图框的大小

目前在销售页面的联系人表单中使用google maps react组件。此代码已成功导入地图，可在尺寸450x350中查看。我的问题是，尽管图像是450x350，但map api所在的帧或我猜是div仍然认为地图仍然是默认大小，因此它会用删除map api时删除的空白将我的整个站点推出。在地图周围的任何地方添加样式作为标注都无法解决这一问题

为了影响帧的大小，而不仅仅是图像本身，我应该向贴图传递什么

import React, { Fragment } from "react";
import ContactForm from "../contactus/ContactForm";
import { Map, Marker, GoogleApiWrapper } from "google-maps-react";
const ContactUs = props => {
 const style = {
  maxWidth: "450px",
  height: "350px",
  overflowX: "hidden",
  overflowY: "hidden"
 };
 return (
  <Fragment>
   <h2 className='lead text-primary text-center'>Get in touch</h2>

   <div className='grid-2'>
    <div>
     <h4>Priority Consulting</h4>
     <ul>
      <li>
       1234 Sherman Way <br />
       Sherman Oaks, CA 90210
      </li>
      <li>info@priorityconsulting.com</li>
      <li>1-800-324-3423</li>
     </ul>
     <Map google={props.google} style={style} />
    </div>

    <div>
     {" "}
     <ContactForm />
    </div>
   </div>
  </Fragment>
 );
};

export default GoogleApiWrapper({
 apiKey: "MYKEY"
})(ContactUs);

import React，{Fragment}来自“React”；
从“./contactus/ContactForm”导入ContactForm；
从“谷歌地图反应”导入{Map，Marker，GoogleApiWrapper}；
const ContactUs=props=>{
常量样式={
最大宽度：“450px”，
高度：“350px”，
溢出x:“隐藏”，
溢出：“隐藏”
};
返回(
联系
优先咨询


谢尔曼路1234号

加利福尼亚州谢尔曼橡树园，邮编90210

info@priorityconsulting.com
1-800-324-3423

{" "}
);
};
导出默认GoogleApprapper({
apiKey：“我的钥匙”
})（联系我们）；

我回到我的代码中，找到了一个更新的版本，使其成为网站的最终版本。不幸的是，该网站不再是活的，所以无法验证这是否是最佳答案，但正如我在代码中所说，它可能解决了问题

 const style = {
  maxWidth: "450px",
  height: "350px",
  overflowX: "hidden",
  overflowY: "hidden"
 };
 const containerStyle = {
  maxWidth: "450px",
  height: "350px"
 };


 <Map google={props.google} style={style} containerStyle={containerStyle} />

常量样式={
最大宽度：“450px”，
高度：“350px”，
溢出x:“隐藏”，
溢出：“隐藏”
};
常量集装箱样式={
最大宽度：“450px”，
高度：“350px”
};

您能在问题中添加一段代码吗？你可以用。