IndexRoute 为每个路径显示相同的页面答案

【问题标题】：IndexRoute showing same page for every pathIndexRoute 为每个路径显示相同的页面
【发布时间】：2017-10-11 08:59:15
【问题描述】：

我使用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。我在此配置中做错了什么吗？

【问题讨论】：

您使用的是哪个版本的 react-router，您是否在控制台中遇到任何错误。您也可以添加默认代码
我在 console.react-router 版本是 2.8.1 中没有收到任何错误。
网址是否在变化，您使用的是什么历史对象
url 没有改变，我没有使用历史对象

标签： javascript reactjs react-router jsx

【解决方案1】：

尝试在登录前删除“/”。

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

因为它是从父 Route 获取 '/'。

【讨论】：