---
order: 0
title:
zh-CN: 基本结构
en-US: Basic Structure
---
## zh-CN
典型的页面布局。
## en-US
Classic page layouts.
```tsx
import React from 'react';
import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;
const App: React.FC = () => (
<>
Content
Sider
Content
Content
Sider
Sider
Content
>
);
export default App;
```