Как динамически импортировать c в объектный файл с помощью React?

Question

Я установил RouteConfig. js file

import React from 'react'
import { Route } from 'react-router-dom'
import Dashboard from './components/dashboard/Dashboard.js'
import ProjectDetails from './components/project/ProjectDetails.js'
const RouteList = [
  { component: Dashboard, path: '/', exact: true },
  { component: ProjectDetails, path: '/details', exact: true }
]

const Routes = RouteList.map(route => {
  return (
    <Route
      path={route.path}
      component={route.component}
      key={route.component}
      exact={route.exact}
    ></Route>
  )
})

export default Routes

, и он отлично работает для меня. Однако мой код будет расти, и я импортирую тонны строк компонентов. поэтому я попытался динамически импортировать c с помощью ReactRouter, как VueRouter, но это не сработало.

import React from 'react'
import { Route } from 'react-router-dom'
const RouteList = [
  {
    component: () => import('./components/dashboard/Dashboard.js'),
    path: '/',
    exact: true
  },
  {
    component: () => import('./components/project/ProjectDetails.js'),
    path: '/details',
    exact: true
  }
]

const Routes = RouteList.map(route => {
  return (
    <Route
      path={route.path}
      component={route.component}
      key={route.component}
      exact={route.exact}
    ></Route>
  )
})

export default Routes

Интересно, есть ли способ сделать динамический c импорт в объектном файле. Спасибо всем.