如何以编程方式关闭以编程方式生成的布局

import React, { useState } from 'react';
import { Layout, Button } from 'antd';

const { Header, Content, Footer } = Layout;

const App = () => {
  const [showLayout, setShowLayout] = useState(true);

  const handleCloseLayout = () => {
    setShowLayout(false);
  };

  return (
    <div>
      {showLayout && (
        <Layout>
          <Header>Header</Header>
          <Content>Content</Content>
          <Footer>Footer</Footer>
        </Layout>
      )}
      <Button onClick={handleCloseLayout}>关闭布局</Button>
    </div>
  );
};

export default App;