从零开始学习ReactJS -- 04 --提取路由配置，都放在一起像什么样子！

从零开始学习ReactJS – 04 --提取路由配置，都放在一起像什么样子！

提取出路由的配置便于维护

上代码 改造src/router/index.js

import React from 'react'
import {
   BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom'
import routes from './route'

class IRouter extends React.Component{
   
    render(){
   
        return (
            <Router>
                <Switch>

                    {
   /* 开始改造 */}
                    {
   
                         routes.map((router, key) => {
   
                            if(undefined !== router.children && router.children.length){
   
                                return (<Route key={
   key} path={
   router.path}  exact={
   router.exact