如何在React中获取拖动标记的位置(google-map-react )

import React, { useState } from 'react';
import GoogleMapReact from 'google-map-react';

const MapWithMarker = () => {
  const [markerPosition, setMarkerPosition] = useState({ lat: 0, lng: 0 });

  const handleMarkerMouseDown = (event) => {
    // 获取标记的初始位置信息
    const { lat, lng } = event;
    setMarkerPosition({ lat, lng });
  };

  const handleMarkerMouseUp = (event) => {
    // 获取标记的最终位置信息
    const { lat, lng } = event;
    setMarkerPosition({ lat, lng });
  };

  return (
    <div style={{ height: '400px', width: '100%' }}>
      <GoogleMapReact
        defaultCenter={{ lat: 0, lng: 0 }}
        defaultZoom={10}
        onChildMouseDown={handleMarkerMouseDown}
        onChildMouseUp={handleMarkerMouseUp}
      >
        <Marker
          lat={markerPosition.lat}
          lng={markerPosition.lng}
        />
      </GoogleMapReact>
    </div>
  );
};

const Marker = () => (
  <div style={{ width: '20px', height: '20px', backgroundColor: 'red' }} />
);

export default MapWithMarker;