javascript - レイアウトの Antd 固定ヘッダー

Question

ant.design では、レイアウトのヘッダーにAffixを適用 して、スクロール中に上部に固定される正しい方法は何ですか? 以下はレイアウトの例です。

import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

ReactDOM.render(
<div>
  <Layout>
    <Header>Header</Header>
    <Layout>
      <Sider>Sider</Sider>
      <Content>Content</Content>
    </Layout>
    <Footer>Footer</Footer>
  </Layout>
</div>
, mountNode);