React - 常用封装方法之routerEach

import React from "react";
import {Route} from "react-router-dom";
export const routerEach = (routes) => {
    const fn = (children) => {
        return children.map((item,index) => (
            <Route path={item.path} key={index} render={()=>(
                <item.component />
            )} />
        ))
    }

    return routes.map((item,index) => {
        if(item.children){  //如果有子路由进入

            return fn(item.children);

        }else{      //否则没有子路由进入    

            return <Route path={item.path} key={index} render={() => (
                <item.component />
            )} />
            
        }
    })
}