IndexRouteはすべてのパスで同じページを表示します

Question

IndexRouteを使用してこのroutes.jsxファイルを作成しました。

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> 

); 

私は3000ポートHomeで私のアプリが表示されているが、私は/loginまだそれがHome .Anythingをレンダリングされないとき、私はこの構成では間違っているのでしょうか？開きますか

Answer 1

ログインする前に '/'を削除してみてください。

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

それは '/' 親からのルートを取っているので。