You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

48 lines
1.1 KiB

import { Layout, Menu } from 'antd';
import { Link, useModel} from 'umi';
import style from './style.less';
const { SubMenu } = Menu;
const { Header, Content, Sider } = Layout;
export default ({ children }) => {
const { id } = useModel('@@qiankunStateFromMaster') || {};
global.constants = {id:id}
// 存储
sessionStorage.setItem("helloworld-id", id);
return (
<Layout className={style.layout}>
<Sider width={200} className={style.sider}>
<Menu
mode="inline"
defaultSelectedKeys={['dashboard']}
style={{ height: '100%', borderRight: 0 }}
>
<Menu.Item key="dashboard">
<Link to="/">App2 Dashboard</Link>
</Menu.Item>
<Menu.Item key="user">
<Link to="/user">User</Link>
</Menu.Item>
</Menu>
</Sider>
<Content
style={{
background: '#fff',
padding: 24,
margin: 0,
minHeight: 280,
}}
><div>{id}</div>
{/*children*/}
{
React.Children.map(children, child => {
return React.cloneElement(child, {"test": id})
})
}
</Content>
</Layout>
)};