react使用react-router-config 进行路由配置

1、新增路由配置文件 routes.js

?

1 2 3 4 5 6 7

import { lazy } from "react"; export default [     {         path:'/admin',         component:lazy(()=>import('./App.js')),     }, ]

2、App.js 中使用路由

?

1 2 3 4 5 6 7 8

import routes from './routes.js'; import { BrowserRouter } from "react-router-dom"; import { renderRoutes } from "react-router-config";   const App =()=>{      return  <BrowserRouter>{renderRoutes(routes)}</BrowserRouter> } export default App;