Как перенаправить в реактивном маршрутизаторе, когда маршруты находятся в разных файлах

Я пытался перенаправить на страницу входа, если пользователь не вошел в систему. Он работал нормально, когда я использовал маршруты в App.js, но после создания отдельного файла для маршрутизации я не стал.

маршрут.js

import React from 'react';
import Login from './Login';
import Register from './Register';
import Home from './Home';
import './style.css';
import { Route, Switch } from 'react-router-dom';

const routes = (
        <Switch>
            <Route key = "0" path = "/" exact render = { props => <Home {...props} />} />
            <Route key = "1" path = "/login" render = { props => <Login {...props} />} />
            <Route key = "2" path = "/register" render = { props => <Register {...props} />}  />
            <Route key = "2" path = "/home"  render = { props => <Home {...props} /> } />
        </Switch>
        );

export default routes;

App.js

class App extends Component {
  state = {
    isLogin:false
  }
  render() {
    return (

      <div className = "App">
      <Router>
      <Header/>
    <div className = "container">
      {routes}

    </div>
    </Router>

      </div>
    );
  }
}

Мои предыдущие условия разгрома были

const routes = (
           <Switch>
            <Route key = "0" path = "/" exact render = { () => this.state.login ? ( <Home/> ): ( <Redirect to = "/login"/> )} />} />
            <Route key = "1" path = "/login" render = { props => <Login {...props} />} />
            <Route key = "2" path = "/register" render = { props => <Register {...props} />}  />
            <Route key = "2" path = "/home"  render = { () => this.state.login ? ( <Home/> ): ( <Redirect to = "/login"/> )} />
          </Switch>
        );

Поэтому я хочу, чтобы эти маршруты работали.