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 />
)} />
}
})
}
React - 常用封装方法之routerEach
于 2019-10-02 20:39:36 首次发布