使用ReactJs React-Bootstrap 构建网站（5）：框架结构

文件结构

文件结构是设计中重要的一环，需要层次清晰。
在总目录下，需要有index引导文件，接下来一般有app.js文件和路由器的数据存储文件。

路由器存储文件

routes.js

const WebSiteRoutes= [
  {
    path: "/dashboard",
    name: "Dashboard",
    rtlName: "لوحة القيادة",
    icon: Dashboard,
    component: DashboardPage,
    layout: "/admin",
  },
  {
    path: "/user",
    name: "User Profile",
    rtlName: "ملف تعريفي للمستخدم",
    icon: Person,
    component: UserProfile,
    layout: "/admin",
  },
  }
  export default WebSiteRoutes;

引导文件index.js

在引导文件中，要做路由浏览，网站的第一起点，就在引导文件里，通过开关切换，就分流，平常大家看到的网站、后台管理、多语言版本等，都在此分叉。
为什么网址后面，还要加上斜杠，就是以此分流。

ReactDOM.render