Как получить значения из перетаскиваемого маркера и сохранить их в формах без изменения предыдущих значений в Reactjs?

Question

Я хочу знать, например, как я могу сделать перетаскиваемые значения маркера для перетаскивания из карты в реакции, и когда я выбираю другое местоположение с помощью булавки, предыдущее значение, которое было извлечено, не должно быть стерто, а следующие последующие значения должны продолжать отображатьсякогда я выбираю разные местоположения и затем, наконец, сохраняю их в БД, пожалуйста, помогите кому-нибудь найти их, когда я перетаскиваю булавку, и она отображает предыдущие местоположения, которые я прикрепил !!

  componentDidMount() {

    let map = new window.google.maps.Map(document.getElementById('map'), {
      center: {lat: 12.9715, lng: 77.5945},
      zoom: 13,
      mapTypeId: 'roadmap',
    });

    map.addListener('zoom_changed', () => {
      this.setState({
        zoom: map.getZoom(),
      });
    });

    map.addListener('maptypeid_changed', () => {
      this.setState({
        maptype: map.getMapTypeId(),
      });
    });

    let marker = new window.google.maps.Marker({
      map: map,
      draggable:true,
      position: {lat: 12.9715, lng: 77.5945},
    });


    let inputNode = document.getElementById('pac-input');
    map.controls[window.google.maps.ControlPosition.TOP_LEFT].push(inputNode);
    let autoComplete = new window.google.maps.places.Autocomplete(inputNode);

    autoComplete.addListener('place_changed', () => {
      let place = autoComplete.getPlace();
      let location = place.geometry.location;

      this.setState({
        place_formatted: place.formatted_address,
        place_id: place.place_id,
        place_location: location.toString(),
      });


      map.fitBounds(place.geometry.viewport);
      map.setCenter(location);

      marker.setPlace({
        placeId: place.place_id,
        location: location,
      });
    });