React-Sidenav的主要内容未设置样式

Question

我正在使用它。 https://github.com/trendmicro-frontend/react-sidenav

Sidenav运作良好，但是我没有时间实现主要内容样式。您知道为什么主要内容未包含在库中吗？ 演示正常运行。编写样式和逻辑将非常耗时，因此主要内容的宽度取决于折叠程度。

 <SideNav>
            ...
        </SideNav>
        <main>
            <Route path="/" exact component={props => <ASD/>} />
            <Route path="/asd" component={props => <ASD/>} />
            <Route path="/asd" component={props => <ASD/>} />
        </main>

Answer 1

根据文档，您必须像这样导入css：

import "@trendmicro/react-sidenav/dist/react-sidenav.css";