antd - 常用封装方法之routerEach

mac2022-06-30  23

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 /> )} /> } }) }
最新回复(0)