Javascript 未捕获类型错误：无法读取属性'；getZoom'；未定义的。无法获取当前缩放位置

//更改标记位置或使用“自动完成”时，我的缩放默认为上一个缩放位置，无法缩放到当前标记位置。自动缩小到上一个位置。请帮我解决这个问题

  const AsyncMap = withScriptjs(
   withGoogleMap(props => (
      <GoogleMap
  
    google={google}
    defaultZoom={15}
    defaultCenter={{ lat: state.mapPosition.lat, lng: state.mapPosition.lng 
     }}
    options={defaultMapOptions}
    onZoomChanged={() => {
      console.log(this.getZoom());
    }}
  >
    {/* For Auto complete Search Box */}
    <Autocomplete
      style={{
        width: '100%',
        height: '40px',
        paddingLeft: '16px',
        marginTop: '0px',
        marginBottom: '500px',
      }}
      // apiKey={'AIzaSyABCcZiGzeah-a1RiPP-LEpSpukOtROxbs'}
      onPlaceSelected={onPlaceSelected}
      options={{ types: ['geocode', 'establishment'] }}
      placeholder="Search a location"
    />

    {/*Marker*/}
    <Marker
      google={google}
      // name={'Dolores park'}
      draggable={true}
      onDragEnd={onMarkerDragEnd}
      position={{ lat: state.markerPosition.lat, lng: 
state.markerPosition.lng }}
    >
      <InfoWindow
        onClose={onInfoWindowClose}
        position={{ lat: state.markerPosition.lat + 0.0018, lng: 
state.markerPosition.lng }}
      >
        <div>
          <span style={{ padding: 0, margin: 0 }}>{state.address}</span>
        </div>
      </InfoWindow>
    </Marker>
  </GoogleMap>
)),
);

const AsyncMap=withScriptjs(
使用谷歌地图（道具=>(
{
log（this.getZoom（））；
}}
>
{/*用于自动完成搜索框*/}
{/*标记*/}
{state.address}
)),
);