react路由配置

简化写法之renderRoutes。
配置路由数据

const routes = [
    {
        path: '/home',
        component: Home,
        name: "home",
    },{
        path: '/test',
        component: test,
        name: "test",
    }
];

然后直接设置路由

 <BrowserRouter >
        {renderRoutes(routes)}
</BrowserRouter>
    

实际上
renderRoutes相当于用一层Switch和多个Route来包了一层。
浏览器结构