當前正在本教程中學習如何使用React Router https://reacttraining.com/react-router/web/example/sidebar創(chuàng)建側(cè)邊欄導航系統(tǒng)我計劃有多個路由，所以這意味著我必須繼續(xù)導入路由并將其添加到routes陣列中。是否有一種聰明/正確的方式來動態(tài)加載它們？我所有的組件都在我的/Views文件夾中。App.jsimport React, { Component } from 'react';import SideBar from './components/SideBar/SideBar';import MainContent from './components/MainContent/MainContent';import { BrowserRouter as Router,} from 'react-router-dom';// Import all components hereimport Button from './components/Views/Button/Button';import Color from './components/Views/Color/Color';import Card from './components/Views/Card/Card';import Filter from './components/Views/Filter/Filter';const routes = [  {    path: "/",    name: 'home',    exact: true,    main: () => <h2>Home</h2>  },  {    path: "/button",    name: 'Button',    main: () =>  <Button />  },  {    path: "/color",    name: 'Color',    main: () =>  <Color />  },  {    path: "/card",    name: 'Card',    main: () =>  <Card />  },  {    path: "/filter",    name: 'Filter',    main: () =>  <Filter />  },];class App extends Component {  render() {    return (      <Router>        <div className="ds-container">          <SideBar routes={routes} />          <MainContent routes={routes} />        </div>      </Router>    );  }}export default App;