antd表格如何使用懒加载

Antd表格可以使用`InfiniteScroll`来实现懒加载，具体实现步骤如下：

1. 安装 `react-infinite-scroller` 包：

   npm install react-infinite-scroller

2. 导入 `InfiniteScroll` 组件：

   import InfiniteScroll from 'react-infinite-scroller';

3. 在 `Table` 组件内部包裹 `InfiniteScroll` 组件，并设置 `loadMore` 属性为一个回调函数，该函数会在滚动到页面底部时被调用：

   <Table
     // 其他属性
   >
     <InfiniteScroll
       pageStart={0} // 起始页码
       loadMore={this.loadMore} // 加载更多的回调函数
       hasMore={true} // 是否还有更多数据
       loader={<div className="loader" key={0}>Loading ...</div>} // 加载中的提示
     >
       {/* 表格内容 */}
     </InfiniteScroll>
   </Table>

4. 在 `loadMore` 回调函数中请求数据，并更新表格数据：

   loadMore = () => {
     // 发送请求获取新的数据
     axios.get('/api/data?page=' + this.state.page).then(response => {
       const data = response.data;
       // 更新表格数据
       this.setState({
         data: [...this.state.data, ...data],
         page: this.state.page + 1
       });
     });
   };

通过以上步骤，就可以实现 `antd` 表格的懒加载了。