Uncaught ReferenceError: IndexRoute ist nicht definiert - Wie behebe ich diesen Fehler, um IndexRoute in react-router zu verwenden?

Question

Ich habe einen einfachen Satz von Routen reagieren-Router:

ReactDOM.render(
    <Router history={appHistory}> 
    <Route path="/" component={MainLayout}> 
     <IndexRoute component={Index} /> 
    </Route> 
    </Router>, 

    document.getElementById('app') 
); 

Allerdings bin ich die Seite zu laden, schlägt fehl, und ich erhalte die folgende Fehlermeldung im Browser-Konsole:

Uncaught ReferenceError: IndexRoute is not defined 

Wie Ich repariere das?

Answer 1

IndexRoute wird nicht implizit vom React-Router geladen. Sie müssen es auf die gleiche Art und Weise Sie tun Router und der Route importieren:

import { Router, Route, IndexRoute } from 'react-router'; 

Answer 2

import {IndexRoute} from 'react-router' gilt nicht reagieren-Route-4. react-router-4 hat sich dahingehend geändert, dass es keine Kinder mehr hat. Mit der Route-Komponente können Sie jedoch alles rendern, das dem Pfad entspricht.