通过react-router和多个组件组合进行路由组织

Question

我一直在开发WebApp，它将使用户可以看到组件的多种组合，以及如何使用多个标题，侧边栏，主电源和页脚。我想建议最好的组织和结构化代码的方法，以保持可扩展性和参考性。

我尝试为一组具有他可以访问的路由的用户分离路由文件。根据用户，我展示了一个不同的布局，例如ClientLayout或AdminLayout。

import ClientLayout from '../layouts/ClientLayout.jsx';

let clientRoutes = [
   {
      path: '/client',
      name: 'home',
      component: ClientLayout
   }
];

export default clientRoutes;

在没有错误的情况下，我只想总结一下此应用程序类型的组织方式，以为将呈现多个组件组合。