// @flow
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Layout, Menu, Icon } from 'antd';
const { Header, Content, Footer, Sider } = Layout;
const SubMenu = Menu.SubMenu;
export default class App extends Component {
static defaultProps = {
children:
// 设置默认props，避免未传递children时出现错误
};
render() {
return (
// 设置最小高度为视窗高度
// 设置Sider的高度为视窗高度，并固定位置
// 为主内容区域设置左边距，防止与Sider重叠
// 可选：添加头部区域
// 设置Content的内容区域样式
{this.props.children} // 渲染子组件
// 可选：添加底部区域
);
}
}
![[Vue.js 3.0] Guide – Scaling Up – State Management](https://img.php1.cn/3cd4a/1eebe/cd5/e3aa5425383ba10d.png)
京公网安备 11010802041100号