侧边栏的react-router-dom配置

Question

我正在基于react-boilerplate创建应用，然后为主页添加sigma仪表板模板。假设我有4页：

• 登录
• 主页
• 用户
• 未找到页面

我的路线代码如下：

return (
    <div>
        <Switch>
            <Route exact path="/Login" component={LoginPage} />
            <Sigma>
                <Route exact path="/Home" component={HomePage} />
                <Route exact path="/User" component={UserPage} />
                <Route exact path="/EditUser" component={EditUserPage} />
            </Sigma>
            <Route component={NotFoundPage} />
        </Switch>
    </div>
);

对于登录名，主页和用户，它已经如我期望的那样显示了。将显示没有侧边栏的登录页面，然后带侧边栏显示主页和用户。但是对于未找到的页面，它没有按我的预期显示。我希望它不显示侧边栏。

登录页面：

首页：

用户：

未找到页面：

请抛出一些与此问题有关的指针/文档。之前非常感谢。来源：https://github.com/cumibulat/PrimeJ2H/

Answer 1

在这种情况下，您需要更改index.js以便在加载路线并将路线组件输入到“基本组件”之后呈现“基本组件”。

在此基础组件中，您可以使边栏在应用程序中使用。

例如：

**

<Switch>
<Route path="/" exact component={Login} />
<Route path="/register" component={Register} />
<Route path="/dashboard"><Base><Dashboard /></Base></Route>
<Route component={FourHundredFour} />
</Switch>

**