addListener无法处理react-google-maps

Question

我遇到了问题：我在这个链接上使用react-google-maps DirectionsRenderer：directionsrenderer

我正在显示方向和标记但是在完成拖动路线时我想要更改标记，但它不起作用。

在 componentsndDidMount 中插入了这个：

google.maps.event.addListener(directionsRef, 'directions_changed', function() {
        console.log('changed from listener');
        markers = [];
      });

我在渲染时有这个

props=> 


  <GoogleMap
     defaultZoom={3}
     defaultCenter={new google.maps.LatLng({lat:"45.1983838", lng:"12.0970988"})}
  >
     {props.directions && <DirectionsRenderer 
                            options={{draggable:true}}
                            directions={props.directions}
                            ref={(r) => directionsRef = r}
                            onDirectionsChanged={() => {
                                          console.log("changed from renderer");
                                        }}
                             />
    }
    {markers.map( (marker,i) => (
                              <Marker
                                key={i}
                                position={{ lat: marker.lat, lng: marker.lng }}
                            >
                              </Marker>
                          ))}


  </GoogleMap>