如何在BrowserRouter中使用路由的数组映射，并在不同时加载所有路由的情况下进行切换？

npm install react-router-dom

import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';

const routes = [
  {
    path: '/',
    exact: true,
    component: Home
  },
  {
    path: '/about',
    component: About
  },
  {
    path: '/contact',
    component: Contact
  }
];

const App = () => (
  <BrowserRouter>
    <Switch>
      {routes.map((route, index) => (
        <Route
          key={index}
          path={route.path}
          exact={route.exact}
          component={route.component}
        />
      ))}
    </Switch>
  </BrowserRouter>
);

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