如何使用AntDesign的Affix组件

要使用AntDesign的Affix组件，首先需要安装AntDesign的UI库，并引入Affix组件。

npm install antd --save

在需要使用Affix组件的页面中引入Affix组件，并在合适的位置使用Affix组件包裹需要固定的内容。

import React from 'react';
import { Affix } from 'antd';

const MyComponent = () => {
  return (
    <div>
      <Affix offsetTop={10}>
        <div style={{ background: '#fff', padding: '20px 0' }}>固定在页面顶部的内容</div>
      </Affix>
      <div style={{ height: 1000 }}>
        页面内容
      </div>
    </div>
  );
}

export default MyComponent;

在上面的例子中，<Affix>组件包裹的内容会在页面滚动时固定在页面顶部，offsetTop属性可以设置距离顶部的偏移量。

除了offsetTop属性，Affix组件还有其他属性可以用来定制固定效果，具体可以参考AntDesign官方文档。