Reactjs 在react应用程序中分离两个不同的UI

Reactjs 在react应用程序中分离两个不同的UI,reactjs,react-router,react-router-component,Reactjs,React Router,React Router Component,我想构建一个react应用程序,其中将有两种类型的UI,一种用于管理员,另一种用于用户。页眉和页脚中包含的所有文件都是独立的。我怎样才能做到这一点 方法1 为管理员和用户创建两个独立的应用程序 example.com用于用户和admin.example.com 这样我就可以在index.html中包含各自设计的所有css和js文件 方法2 集成在一个应用程序中,其中用户的url为example.com,管理员的url为example.com/admin。 但是,我的问题是,资产文件将包含在哪里,

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

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

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


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

这两个问题同样好。
如果它们之间有任何共同的数据或函数,我会推荐方法2。我觉得第二种方法更好

在何处包括资产以及在何处创建模板? 将所有组件(管理员+用户组件)放在Components文件夹中,并在App.js中,在定义路由时,相应地为路由提供组件。例如:

对于path=“/”,它应该提供组件

对于path=“/admin/”,它应该提供


希望这能回答您的问题。

但是,在何处包含资产以及在何处创建模板?好的,所以路由将放置在和中。对吗?