如何在 React 中使用 React-Map-GL 使 Geojson 层可拖动？

如何解决如何在 React 中使用 React-Map-GL 使 Geojson 层可拖动？

我有一个 GeoJson 数据，我正在使用 Source 和 Layer 使用 React-Map-GL 在地图中显示它，现在我想通过拖动来重新定位位置，但我不知道在 React 中该怎么做？这是我的代码

<Source
  id={'pointData'}
  type={'geojson'}
  data={this.state.markerData}
>
  <Layer
    id={'circleLayer'}
    source={'pointData'}
    type={'circle'}
    paint={{
    'circle-radius': 6,'circle-color': ['get','icon-color'],'circle-stroke-width': 1,'circle-stroke-color': '#fff','circle-stroke-opacity': 1
    }}
    />
      <Layer
         id={'pointLayer'}
         source={'pointData'}
         type={'symbol'}
         layout={{
           'icon-image': ['get','icon-symbol'],'icon-size': ['get','icon-size'],'icon-allow-overlap': true,'icon-ignore-placement': true
         }}
         paint={{
           'icon-opacity': 1
         }}
    /> 
</Source>

有人可以帮我吗？