小编Jua*_*o B的帖子

我从 React 开始，尝试将路由分离到各自的文件中。我正在使用反应路由器 v6。

所以我想在我的routes.jsx中导入管理路由，如下所示：

import React from 'react';
import {
  BrowserRouter, Routes, Route,
} from 'react-router-dom';
import AdminRoutes from './admin/adminRoutes';

const routes = () => (
  <BrowserRouter>
    <Routes>
      <AdminRoutes />
      <Route path="/home" element="User template" />
      <Route path="/" element="Login Template" />
      <Route path="/register" element="Register Template" />
    </Routes>
  </BrowserRouter>
);

export default routes;

在我的 adminRoutes.jsx 中我有：

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

const adminRoutes = () => (
  <Route path="admin/*">
    <Route path="countries" element="countries" />
    <Route path="tournaments" element="Tournaments" …

我必须做一个应用程序，其中一部分用户管理他们所有的事情，另一部分管理人员，这里是我的问题：

1. 一个应用程序两个？
2. 一个应用程序供用户使用，另一个应用程序供管理员使用？

有react经验的告诉我，如果admin是自己，最好把administrator和用户的app分开，不然会很重（不知道会不会慢）。

但是想一想，我是管理员，但我与用户有共同的组件，我更喜欢为两者都拥有一个应用程序。

这非常贵？或者我可以与登录/注册和用户前台一起做我的管理面板吗？