reactjs - 如何将material-ui抽屉分为header、main和Footer部分？

Question

我使用材质 UI 抽屉，并希望将其分为 3 个部分：

• header => #固定在顶部
• main => #可以滚动的最大部分
• footer => #固定在底部

所以我使用这个伪代码：

return (
        <Wrapper>
            <Drawer variant="permanent" anchor="right">                
                Header
            </Drawer>
            <Drawer variant="permanent" anchor="right">                
                Main
            </Drawer>
            <Drawer variant="permanent" anchor="right">
                Footer
            </Drawer>
        </Wrapper>
    );

最后，我想要抽屉如下： https ://material-app.bootlab.io

标签： reactjsmaterial-ui