Реакция - Вложенный маршрут не показывает навигацию - PullRequest
0 голосов
/ 12 июня 2019

У меня есть проект, который состоит из двух основных частей: веб-сайта и панели управления для указанного веб-сайта. Сайт состоит из нескольких разных страниц, как и панель управления. Панель управления и веб-сайт имеют собственную панель навигации.

Структура пути должна выглядеть следующим образом:

Путь к сайту будет следующим: url.com/, url.com/loremipsum и т. Д.

Путь к панели управления будет следующим: url.com/admin, url.com/admin/users и т. Д.

Проблемы, с которыми я сталкиваюсь при моей текущей настройке, которая является вложенным реагирующим маршрутизатором, заключается в том, что навигация по веб-сайту будет видна для панели управления, поскольку путь к панели управления также начинается с /. Если я добавлю параметр «точный» в путь к веб-сайтам, это больше не будет проблемой, однако это приведет к тому, что навигация не будет отображаться на подстраницах веб-сайта, таких как пример url.com/loremipsum выше.

Это код для app.js

function App() {
    return (
        <Router>
            <Switch>
                <Route exact path="/" component={Main} />
                <Route path="/admin" component={Admin} />
            </Switch>
        </Router>
    );
}

Это код для main.js, который является веб-сайтом

function Main() {
    return (
        <Router>
            <div>
                <Navigation />
            </div>
            <Route path="/" component={Home} />
            <Route path="/film" component={Film} />
        </Router>
    );
}
...