Как создать страницу 404 при использовании вложенных маршрутов в activ.js? - PullRequest
Новая
       26

Как создать страницу 404 при использовании вложенных маршрутов в activ.js?

0 голосов
/ 26 декабря 2018

Я хотел бы добавить для любой страницы, которая не является одним из маршрутов, которые я сделал.Я не знаю, где поместить это в мой код, чтобы страница 404 не отображалась рядом с другими моими путями.

Обычно я должен поместить его в конец, но я не уверен, где его разместить из-за вложенных маршрутов. 

    render() {
    return (
        <Provider store={store}>
            <Router>
                <div className='App'>
                    <Navbar />
                    <Route exact path='/' component={Landing} />
                    <div className='container'>
                        <Route exact path='/register' component={Register} />
                        <Route exact path='/login' component={Login} />
                        <Route exact path='/profiles' component={Profiles} />
                        <Switch>
                            <PrivateRoute exact path='/dashboard' component={Dashboard} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/create-profile' component={CreateProfile} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/edit-profile' component={EditProfile} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/vacations' component={Vacations} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/add-vacation' component={VacationForm} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/vacation/:id' component={Vacation} />
                        </Switch>
                        <Switch>
                            <PrivateRoute exact path='/chart' component={Chart} />
                        </Switch>
                    </div>
                    <Footer />
                </div>
            </Router>
        </Provider>
    );

Показывает компонент 404Error выше илиниже других компонентов в точных путях

...