React-Route 不匹配任何路由答案

【问题标题】：React-Route did not match any routesReact-Route 不匹配任何路由
【发布时间】：2019-01-08 12:36:30
【问题描述】：

我正在一步一步地关注this tutorial，但是当我运行“npm run start”时，我得到了下一个错误：

警告：[react-router] 位置“/todolist”不匹配任何路由

有什么建议可以解决这个问题吗？

【问题讨论】：

添加您的路线

标签： reactjs react-router react-redux react-router-redux

【解决方案1】：

您似乎缺少路由定义。

在你的 index.js 中

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { ToDoComponent,HomeComponent} from './components';

ReactDOM.render(
  <Router>
      <div>
        <Route path="/" component={HomeComponent} />
        <Route path="/todolist" component={ToDoComponent} />
      </div>
  </Router>,
  document.getElementById('app')
)

【讨论】：

【解决方案2】：

我所做的是在 src/routes/index.js 中定义我的路由，如下所示：

import CoreLayout from '../layouts/PageLayout/PageLayout'
import Home from './Home'
import CounterRoute from './Counter'
import TodoListRoute from './TodoList'

/*  Note: Instead of using JSX, we recommend using react-router
PlainRoute objects to build route definitions.   */

export const createRoutes = (store) => ({
  path        : '/',
  component   : CoreLayout,
  indexRoute  : Home,
  childRoutes : [
    TodoListRoute(store), // Here's the trick
    CounterRoute(store)
  ]
})

export default createRoutes

【讨论】：