Question

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

var cursorPos;
$('textarea.formInsideMenu').on('change', function(){
    cursorPos = $(this)).prop('selectionStart');
};

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

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

  document.getElementById('app')
);

我该如何解决这个问题？

Answer 1

IndexRoute不会从react-router隐式加载。您需要以与路由器和路由相同的方式导入它：

Uncaught ReferenceError: IndexRoute is not defined

Answer 2

import {IndexRoute} from 'react-router'不适用于react-route-4。 react-router-4已发生变化，因为它不再有孩子了。但是，使用Route组件，您可以渲染与路径匹配的任何内容。

未捕获的ReferenceError：未定义IndexRoute - 如何解决此错误以在react-router中使用IndexRoute？

2 个答案: