2017-05-12 9 views
0

Ich habe diese routes.jsx-Datei mit IndexRoute geschrieben.IndexRoute zeigt die gleiche Seite für jeden Pfad

import React from "react"; 
import { Route, IndexRoute} from "react-router"; 

import {Default } from "./default"; 
import Home from "./home"; 
import Login from "./login"; 

export const routes = (
    <Route path="/" component={Default}> 
    <IndexRoute component={Home}/> 
    <Route path="/login" component={Login} /> 
    </Route> 

); 

Wenn ich meine Anwendung bei 3000 Port öffnen Home zeigt aber, wenn ich /login tun es immer noch rendert Home .Anything ich tue falsch mit dieser Konfiguration?

+0

Welche Version von React-Router verwenden Sie und erhalten Sie einen Fehler in der Konsole. Auch können Sie den Code für den Standard –

+0

hinzufügen Ich bekomme keinen Fehler in der console.react-Router-Version ist 2.8.1. –

+0

Ändert sich die URL und ist was für ein History-Objekt Sie verwenden –

Antwort

0

Versuchen Sie, das '/' vor dem Login zu entfernen.

<Route path="login" component={Login} />

Weil es die '/' von den Eltern Weg nimmt.

+0

immer noch nicht funktioniert :( –

Verwandte Themen