reactjs - 在反应应用程序中分离两个不同的用户界面

Question

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

方法 1
为 admin 和 user 创建两个单独的应用程序，例如 user 和 admin.example.com 的 example.com 这样我就可以在 index.html 中包含各自设计的所有 css 和 js 文件

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

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

Answer 1

第二种方法对我来说看起来更好。

在哪里包含资产以及在哪里创建模板？ 在 Components 文件夹和 App.js 中拥有所有组件（管理员 + 用户组件），在定义路由时，相应地为路由提供组件。例如：

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

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

希望这能回答你的问题。

Answer 2

这两个都一样好。如果它们之间有任何共同的数据或功能，会推荐方法2