React Route Component TypError: Geschichte ist nicht definiert

Question

Ich versuche, die React Route-Komponente zu verwenden, um meine Routing-Konfiguration anzugeben. Dies ist im Grunde, was ich tue:

ReactDOM.render(
    <ReactRouter.Router> 
     <ReactRouter.Route path="/" component={App}> 
     </ReactRouter.Route> 
    </ReactRouter.Router>, 
    document.querySelector("#container") 
); 

Complete version in JSFiddle

Die obigen Ergebnisse in einem Fehlertyp:

TypeError: history is undefined

Alles ist in einem text/babel Script-Tag, die in den body des residieren HTML-Dokument. Ich bin der Import indem Sie den folgenden Script-Tag zum head des Dokuments:

<script src="https://npmcdn.com/react-router/umd/ReactRouter.js"></script> 

Meine Anwendung funktioniert gut, wenn nicht verwenden. Das heißt, der folgende Code führt nicht zu einem Typfehler:

ReactDOM.render(
    <App/>, 
    document.querySelector("#container") 
); 

Benutzt ich die Komponente falsch? Was vermisse ich?

Answer 1

Sie haben history für zur Verfügung zu stellen, kann es sein, browserHistory oder hashHistory hängt von Ihrer Struktur. Weitere Informationen in documentation

ReactDOM.render(
    <ReactRouter.Router history={ReactRouter.hashHistory}> 
     <ReactRouter.Route path="/" component={App}> 
     </ReactRouter.Route> 
    </ReactRouter.Router>, 
    document.querySelector("#container") 
); 

Answer 2

Versuche Zugabe <ReactRouter.Router history={ReactRouter.hashHistory}>