侧边栏的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>

**