定义布局的最佳实践组件与反应路由器作出反应

Question

我在我的app中使用react-router。所以我的路由器在react-router版本3中实现。今天我们知道react-router正在发布新版本。我的问题是如何将应用程序的布局迁移到v4。例如，我正在定义这三个组件Layout，Home和Profile。所以我在第4版中为Router编写了这段代码：

<BrowserRouter>
 <div>
    <Route exact path="/" component={Layout}/>
    <Route exact path="/" component={Home}/>
    <Route exact path="/profile" component={Profile}/>
 </div>
</BrowserRouter>

我的问题是当路由更改为profile时，布局组件未显示。如何解决这个问题的最佳做法？ 谢谢你的关注。

Answer 1

从路线渲染布局组件中删除exact道具。见docs

更一般地说，如何迁移尝试关注this guide并且我建议只查看反应路由器4的these examples。