javascript - Uncaught ReferenceError : IndexRoute is not defined - How do I resolve this error to use IndexRoute in react-router?

Question

我有一组使用 react-router 的简单路由:

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

  document.getElementById('app')
);

但是，页面加载失败，我在浏览器控制台中收到以下错误:

Uncaught ReferenceError: IndexRoute is not defined

我该如何解决这个问题？

Answer 1

IndexRoute 不是从 react-router 隐式加载的。您需要像导入 Router 和 Route 一样导入它:

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