将react-router v3更改为react-router v4

Question

我遇到从react-router c3迁移到react-router v4的问题。我不知道如何正确配置它。

我正在导入此内容：

import { Route, IndexRoute} from 'react-router';
import { BrowserRouter } from "react-router-dom";

然后我在渲染中设置我的路由器：

        <BrowserRouter>
            <Route path="/" component={Template}>
                <IndexRoute component={HomePage}></IndexRoute>
                <Route path="/contact" component={Contact}></Route>
            </Route>
        </BrowserRouter>

但只显示模板组件。

Answer 1

试试这个

<BrowserRouter>
     <Route path="/" component={Template}/>
</BrowserRouter>

然后在模板组件的render menthod嵌套其余路线

<div>
  <Route exact path="/" component={HomePage}/>
  <Route path="/contact" component={Contact} />
</div>

React router v4是主要的升级。它与v3完全不同。

您先阅读文档React Router v4