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