在react-google-maps中通过道具居中和缩放？

import React from 'react';
import { GoogleMap, withGoogleMap, withScriptjs } from 'react-google-maps';

const Map = withScriptjs(
  withGoogleMap(props => (
    <GoogleMap
      defaultZoom={props.zoom}
      defaultCenter={props.center}
    />
  ))
);

const App = () => {
  const center = { lat: 39.9075, lng: 116.3972 };
  const zoom = 10;

  return (
    <div style={{ width: '100%', height: '400px' }}>
      <Map
        googleMapURL={`https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY`}
        loadingElement={<div style={{ height: '100%' }} />}
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
        center={center}
        zoom={zoom}
      />
    </div>
  );
};

export default App;