对于react-route-config使用总结

参考链接：传送门

首先对于routes文件的构建

应该满足如下配置要求，其实类似于Vue的routes的配置

const routes = [
    {
        path: '/',
        component: () => import(),
        desc: '',
        children: [

        ]
    }
];

注意：二级路由的写法一定要遵循完整性，才可以正确跳转

对于router-view也就是路由视图的呈现，应该采用如下方式

// 在父组件入口中配置
import React from 'react'
import {renderRoutes} from 'react-route-config'
export default class Demo  extends React.Component{

    render() {
        return (
                 <BrowserRouter>
                <div>
                        {renderRoutes(routes)} 
                </div>
                </BrowserRouter>
        )
    }   
 }

同样的，对于其他嵌套路由组件也一样，在A页面显示B页面的内容，前提是B页面依赖A页面的内容

bigbigDreamer / FCC_Record

React 4.0 自定义配置路由 #3

对于react-route-config使用总结

首先对于routes文件的构建