浏览代码

[ADD] component routes

Gogs 7 年之前
父节点
当前提交
483f3d8438
共有 2 个文件被更改,包括 12 次插入10 次删除
  1. 6 4
      src/components/App.js
  2. 6 6
      src/routes/index.js

+ 6 - 4
src/components/App.js

@@ -2,8 +2,7 @@ import React, { Component } from 'react'
 import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles'
 import { BrowserRouter as Router, Route } from 'react-router-dom'
 import Reboot from 'material-ui/Reboot'
-import Dashboard from './pages/Dashboard'
-import ContainersList from './pages/ContainersList'
+import routes from '../routes'
 
 class App extends Component {
     componentDidCatch(error, info) {
@@ -30,8 +29,11 @@ class App extends Component {
             <MuiThemeProvider theme={theme}>
                 <Reboot />
                 <Router>
-                    <Route path='/dashboard' component={ContainersList} />
-                    <Route path='/containers' component={ContainersList} />
+                    <div>
+                        {routes.map((route, index) =>
+                            <Route key={index} path={route.path} component={route.component} />
+                        )}
+                    </div>
                 </Router>
             </MuiThemeProvider>
         )

+ 6 - 6
src/routes/index.js

@@ -1,14 +1,14 @@
-import ContainersTable from '../components/tables/ContainersTable'
-import TasksTable from '../components/tables/TasksTable'
+import Dashboard from '../components/pages/Dashboard'
+import ContainersList from '../components/pages/ContainersList'
 
 const routes = [
     {
-        path: '/containers',
-        component: ContainersTable
+        path: '/dashboard',
+        component: Dashboard
     },
     {
-        path: '/tasks',
-        component: TasksTable
+        path: '/containers',
+        component: ContainersList
     }
 ]