config-router-dom для боковой панели

Question

Я создаю приложение на основе реагировать на шаблон , а затем добавляю шаблон панели управления 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>

**