温华: 精简Layout文件
This commit is contained in:
@@ -1,28 +1,15 @@
|
||||
import React, { useEffect } from "react";
|
||||
import { Layout } from 'antd'
|
||||
import { useDispatch, useSelector } from 'react-redux'
|
||||
import { useSelector } from 'react-redux'
|
||||
import SideBar from "./sidebar";
|
||||
import Navbar from "./navbar";
|
||||
import AppMain from "./appmain";
|
||||
import '../assets/styles/layout.scss'
|
||||
import { addRoutes, getAsyncRouters } from '../stores/permission';
|
||||
|
||||
const { Header, Sider, Content } = Layout;
|
||||
|
||||
export default function LayOut() {
|
||||
const collapsed = useSelector((store: any) => store.sidebar)
|
||||
const dispatch = useDispatch()
|
||||
const requestAsyncRoutes = async () => {
|
||||
const { payload } = await dispatch(getAsyncRouters() as any)
|
||||
dispatch(addRoutes(payload))
|
||||
}
|
||||
useEffect(()=>{
|
||||
requestAsyncRoutes()
|
||||
}, [])
|
||||
|
||||
window.addEventListener('unload', ()=>{
|
||||
requestAsyncRoutes()
|
||||
})
|
||||
return(
|
||||
<Layout className="layout-box">
|
||||
<Sider trigger={null} collapsible collapsed={collapsed}>
|
||||
|
||||
Reference in New Issue
Block a user