Javascript 如何从API动态生成Rect JS路由

我有一个带有静态json数据的react JS“routes”。我想知道如何从API动态生成此routes数据。请检查我下面的routes数据，并建议如何执行此操作

    import React from 'react';

const Dashboard = React.lazy(() => import('./views/Dashboard'));
const Colors = React.lazy(() => import('./views/Theme/Colors'));
const Typography = React.lazy(() => import('./views/Theme/Typography'));
const Widgets = React.lazy(() => import('./views/Widgets/Widgets'));
const Users = React.lazy(() => import('./views/Users/Users'));
const User = React.lazy(() => import('./views/Users/User'));
const login = React.lazy(() => import('./views/Pages/Login'));

// https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
const routes = [

  { path: '/', exact: true, name: 'Home' },
  { path: '/dashboard', name: 'Dashboard', component: Dashboard },
  { path: '/theme', exact: true, name: 'Theme', component: Colors },
  { path: '/theme/colors', name: 'Colors', component: Colors },
  { path: '/theme/typography', name: 'Typography', component: Typography },
  { path: '/widgets', name: 'Widgets', component: Widgets },
  { path: '/users/:id', exact: true, name: 'User Details', component: User },
];

export default routes;

---

你能再解释一下你的目标是什么吗

我的意思是，如果您知道这些将是应用程序的路由，那么您可以控制，即在/users/：id路由中，将其作为道具传递给访问该路由时将呈现的用户组件的id

在该组件中，您可以做任何您想做的事情，比如可能从API获取用户数据以向他显示其配置文件或其他任何东西

---

希望这有帮助

实际上我可以从api生成上面的json数据，但是如何调用json数据内部的组件（import语句等），我认为您无法做到这一点。它甚至可能对您的应用程序非常不安全，而且我也不认为有任何例子可以帮助您解决这个问题。事实上，我在sql表中有三列（路径、名称、组件）。我可以通过api为该列生成json数据。但我在获取组件时遇到了一个问题（因为从json获取组件时它是一个字符串）。。。