Beispiel Directions abstürzt

Question

Ich bin mit Original-Code von https://tomchentw.github.io/react-google-maps/#!/DirectionsRenderer

meine Komponente:

export default class MyComponent extends React.Component { 
render() { 
    return (
     <main className="main--container"> 
      <MapWithADirectionsRenderer />; 
     </main> 
    ); 
}} 

, die in Behälter mit reagieren Router in übertragenem verbunden ist.

Fehler:

Uncaught TypeError: Cannot read property 'apply' of undefined 
    at eval (Recompose.js:831) 
    at eval (Recompose.js:831) 
    at eval (Recompose.js:831) 
    at eval (MyComponent.js:71) 
    at Object.<anonymous> (app.bundle.js:12417) 
    at __webpack_require__ (app.bundle.js:679) 
    at fn (app.bundle.js:89) 
    at eval (MyComponentContainer.js:14) 
    at Object.<anonymous> (app.bundle.js:12410) 
    at __webpack_require__ (app.bundle.js:679) 

Fehler auf jeder Seite übernehmen, auch wenn MapWithADirectionsRenderer nicht
Fehler nur auf Seite erwirbt mit meinem Container, wenn nächster Code wird gelöscht wiedergegeben wird:

(props => 
    <GoogleMap 
     defaultZoom={7} 
     defaultCenter={new google.maps.LatLng(41.8507300, -87.6512600)} 
    > 
     {props.directions && <DirectionsRenderer directions={props.directions} />} 
    </GoogleMap> 
); 

Answer 1

In Wenn jemand mit einem ähnlichen Problem konfrontiert wird, sollten Sie mitScriptjs wie folgt importieren

import withScriptjs from "react-google-maps/lib/async/withScriptjs";