react 菜单结构调整

淩亂°似流年 2022-04-17 00:29 220阅读 0赞

第一步

修改/role/list 里的数据

![20181110144639608.png][]

"menus": \["/admin/home", "/admin/ui/buttons", "/admin/ui/modals", "/admin/ui/loadings", "/admin/ui/notification", "/admin/ui/messages", "/admin/ui/tabs", "/admin/ui/gallery", "/admin/ui/carousel", "/admin/ui"\]

把admin去掉

第二步把路由里的admin都去掉，调整加载路由的顺序以及添加switch

export default class ERouter extends React.Component\{

render()\{  
        return (  
            <HashRouter>  
                <App>  
                    <Switch>  
                        <Route path="/login" component=\{Login\}/>  
                        <Route path="/common" render=\{() =>  
                            <Common>  
                                <Route path="/common/order/detail/:orderId" component=\{OrderDetail\} />  
                            </Common>  
                        \}  
                        />  
                        <Route path="/" render=\{()=>  
                            <Admin>  
                                <Switch>  
                                    <Route path='/home' component=\{Home\} />  
                                    <Route path="/ui/buttons" component=\{Buttons\} />  
                                    <Route path="/ui/modals" component=\{Modals\} />  
                                    <Route path="/ui/loadings" component=\{Loadings\} />  
                                    <Route path="/ui/notification" component=\{Notice\} />  
                                    <Route path="/ui/messages" component=\{Messages\} />  
                                    <Route path="/ui/tabs" component=\{Tabs\} />  
                                    <Route path="/ui/gallery" component=\{Gallery\} />  
                                    <Route path="/ui/carousel" component=\{Carousel\} />  
                                    <Route path="/form/login" component=\{FormLogin\} />  
                                    <Route path="/form/reg" component=\{FormRegister\} />  
                                    <Route path="/table/basic" component=\{BasicTable\} />  
                                    <Route path="/table/high" component=\{HighTable\} />  
                                    <Route path='/rich' component=\{Rich\} />  
                                    <Route path="/city" component=\{City\} />  
                                    <Route path="/order" component=\{Order\} />  
                                    <Route path='/bikeMap' component=\{BikeMap\} />  
                                    <Route path='/user' component=\{User\} />  
                                    <Route path="/charts/bar" component=\{Bar\} />  
                                    <Route path="/charts/pie" component=\{Pie\} />  
                                    <Route path="/charts/line" component=\{Line\} />  
                                    <Route path="/permission" component=\{Permission\} />  
                                    <Redirect to="/home" />  
                                    \{/\* <Route component=\{NoMatch\} /> \*/\}  
                                </Switch>  
                            </Admin>           
                        \} />  
                    </Switch>  
                </App>  
            </HashRouter>  
        );  
    \}  
\}

[20181110144639608.png]: /images/20220417/69793c5a645f43e59bfe7a259cb81dc0.png