[JavaScript知识库]写一个递归方法配置react中的全部组件页面显示

//写一个递归方法配置react中的全部组件页面显示, 也就是让所有的链接都会被Route组件直接包裹。这样才会显示，也就是路由配置的第三步，组件显示。
const renderRoutes = ()=>{
  let res = []

  // 定义一个递归方法
  function deep(arr) {
    arr.map(ele=>{
      res.push(
        <Route
          key={ele.id}
          path={ele.path}
          component={ele.component}
          exact
        />
      )
      if(ele.children) deep(ele.children)
    })
  }
  
  // 使用上面那个定义的递归方法
  routes.map(ele=>{
    if(ele.children) deep(ele.children)
  })
  return res
}