Реагировать роутер на отдельную страницу?

Question

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

// Imports
import 'bootstrap/scss/bootstrap.scss';
import React from 'react';
import ReactDOM from 'react-dom';
import {
    BrowserRouter as Router, Route
} from 'react-router-dom';
import * as serviceWorker from './serviceWorker';

// Data
import Landing from "./components/landing/landing";
import login from './components/app/auth/login';

// App
const Root = () => (
    <Router>
        <Route path="/" component={Landing} />
        <Route path="/login" component={login} />
    </Router>
)

ReactDOM.render(
    <Root />,
    document.querySelector("#root")
)

// Service worker
serviceWorker.unregister();

Answer 1

Вы должны использовать exact path внутри компонента. Это будет выглядеть как <Route exact path="/" component={Landing} />

То же самое относится и к странице входа.