reactjs - 在 React 应用程序中分离两个不同的 UI

Question

我想构建一个 React 应用程序，其中将有两种类型的 UI，一种用于管理员，另一种用于用户。页眉和页脚中包含的所有文件将是分开的。我怎样才能做到这一点？

方法一
为管理员和用户创建两个单独的应用程序 用户的 example.com 和 admin.example.com 这样我就可以在 index.html 中包含相应设计的所有 css 和 js 文件

方法二
集成到一个应用程序中，用户的 url 为 example.com，管理员的 url 为 example.com/admin。 但我的问题是 Assets 文件将包含在用户和管理员的位置，其中将创建相应的模板。

如果问题框架不正确，请帮助和原谅我。

Answer 1

我认为第二种方法更好。

在哪里包含 Assets 以及在哪里创建模板？ 将所有组件(管理员+用户组件)放在 Components 文件夹中，并在 App.js 中定义路由时，相应地为路由提供组件。例如:

对于path="/"，应该提供组件 <UserHome/>

对于path="/admin/"，应该提供 <AdminHome/>

希望这能回答您的问题。