可以使用Antd中的Layout组件构建页面布局，并将Tabs和要展示的内容放置在Header和Content中。

示例代码如下：

import { Layout, Tabs } from 'antd';
const { Header, Content } = Layout;
const { TabPane } = Tabs;

function App() {
  return (
    
      

        
          
            Content of Tab Pane 1
          
          
            Content of Tab Pane 2
          
          
            Content of Tab Pane 3
          
        
      
      
        
Content of Tab Pane 1
      
    
  );
}

export default App;

在上面的示例代码中，我们使用了Layout组件来构建页面布局，并将Tabs放置在Header中，将要展示的内容放置在Content中。每个TabPane中可以通过标签页内容来展示不同的内容，这里我们只是简单地展示了相同的内容，你可以将它们替换为任何你需要的内容。