Войти на страницу React Router

Question

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

мой App.js выглядит так

export default () => (
  <Router basename={process.env.REACT_APP_BASENAME || ""}>
    <div>
      {routes.map((route, index) => {
        return (
          <Route
            key={index}
            path={route.path}
            exact={route.exact}
            component={props => {
              return (
                <route.layout {...props}>
                  <route.component {...props} />
                </route.layout>
              );
            }}
          />
        );
      })}
    </div>
  </Router>
);

, а мой файл index.js выглядит следующим образом:

import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

Я не уверен, как и гдереализовать страницу входа по отношению к этим двум элементам, не слишком меняя существующий код

Может ли кто-нибудь указать мне правильное направление?Большое спасибо.