Reactjs 如何在材料界面下正确布局主要内容

我正在尝试使用

材质ui next

的迷你变型抽屉构建布局。我希望我的组件-主页、登录、注册等在抽屉的

中呈现。正确的方法是什么？我应该在抽屉组件中导入主页、登录、注册和路由器吗？还是有更好的办法

相关图片：

---

我们传递到

react router

的

Route

组件中的

组件在匹配时得到渲染。
呈现匹配的第一个子
。因此，有两种方法可以在MiniDrawer的
下渲染这些组件：

1-在你的
App.js
中作为MiniDrawer的孩子编写你的
…
，如

<MiniDrawer>
    <Switch>
      <Route>...
       ...
    </Switch>
</MiniDrawer>

2-或您可以编写您的
迷你抽屉中的
..
内部

<main className={classes.content}>
    {this.props.children}
 </main>