fixed the ContentMian

Author: Harhao

src/components/ContentMain/index.js

@@ -1,32 +1,22 @@
 import React,{Component} from 'react';
 import {Switch,withRouter,Route} from 'react-router-dom';
 import PrivateRoute from '../../router/PrivateRoute';
-import DataChart from '../../views/DataChart';
-import Basic from '../../views/Basic';
-import Form from '../../views/Form';
-import Message from '../../views/Message';
-import Alert from '../../views/Alert';
-import Spin from '../../views/Spin';
-import Progress from '../../views/Progress';
-import Checkbox from '../../views/Checkbox';
-import Cascader from '../../views/Cascader';
+import {routes} from '../../router/route';
 import NoMatch from '../../views/NoMatch';
 import './index.css';
 class ContentMain extends Component{
     render(){
         return(
             <div className="routeWrap">
                 <Switch>
-                    <PrivateRoute path="/dataCount" exact component = {DataChart}/>
-                    <PrivateRoute path="/basic" exact component = {Basic}/>
-                    <PrivateRoute path="/form" exact component = {Form}/>
-                    <PrivateRoute path="/alert" exact component = {Alert}/>
-                    <PrivateRoute path="/message" exact component = {Message}/>
-                    <PrivateRoute path="/spin" exact component = {Spin}/>
-                    <PrivateRoute path="/progress" exact component = {Progress}/>
-                    <PrivateRoute path="/checkbox" exact component = {Checkbox}/>
-                    <PrivateRoute path="/cascader" exact component = {Cascader}/>
-                    <Route component={NoMatch}/>
+                    {
+                        routes.map(item=>{
+                            return (
+                                item.path?<PrivateRoute path={item.path} exact component={item.component}/>:<Route component={NoMatch}/>
+                            )
+                        })
+                    }
+                    
                 </Switch>
             </div>
         )

src/router/route.js

@@ -0,0 +1,46 @@
+import DataChart from '../views/DataChart';
+import Basic from '../views/Basic';
+import Form from '../views/Form';
+import Message from '../views/Message';
+import Alert from '../views/Alert';
+import Spin from '../views/Spin';
+import Progress from '../views/Progress';
+import Checkbox from '../views/Checkbox';
+import Cascader from '../views/Cascader';
+export const routes = [
+    {
+        path: '/dataCount',
+        component: DataChart
+    },
+    {
+        path: '/basic',
+        component: Basic
+    },
+    {
+        path: '/form',
+        component: Form
+    },
+    {
+        path: "/alert",
+        component: Alert
+    },
+    {
+        path: '/message',
+        component: Message
+    },
+    {
+        path: '/spin',
+        component: Spin
+    },
+    {
+        path: '/progress',
+        component: Progress
+    },
+    {
+        path: '/checkbox',
+        component: Checkbox
+    },
+    {
+        path: '/cascader',
+        component: Cascader
+    }]