Reactjs Router version4 路由问题

Question

我正在使用 react-router 版本 4，因为组件的路由配置已经完成，但是组件没有挂载，因为我尝试使用 componentDidMount() 方法，控制台日志没有显示。

这是我的代码，

import { Route,Switch,hashHistory } from 'react-router';
import {HashRouter as Router} from 'react-router-dom';
import { createHistory, useBeforeUnload } from 'history';

 <Router history={hashHistory}>
      <div>
          <Route exact path='/userlogin/' component={LoginPage}></Route>  
          <Route exact path='/dashboard/' component={Dashboard}></Route> 
          <Route exact path='/forgotpassword/' component={ForgotPasswordPage}></Route>
      </div>
 </Router>

当我尝试使用路由器 url 组件路径时页面变空了。

任何帮助都是appreciated.Thanks提前。！

Answer 1

我的路线是这样的：

var routes = (
    <Router history={browserHistory}>
        <Route path='/' component={Main}>
            <IndexRoute component={Home} />
            <Route path='chapters' component={ChapterListContainer} />
            <Route path='chapters/chapter:id' component={ChapterPageContainer}></Route>
        </Route>
    </Router>
);

有几点不同：

路由周围没有<div>，它们被封装了 path='/'表示根组件
我还有一个索引路由，它告诉路由器默认应该显示哪个组件

Reactjs Router version4 路由问题

Reactjs Router version4 Routing issue

reactjs

react-router

react-router-v4