使用AntD分页组件进行分页

AntD分页组件是一个常用的UI组件库，可以实现分页功能。以下是示例代码：

import React, { useState } from 'react';
import { Pagination } from 'antd';

const Example = () => {
  const [current, setCurrent] = useState(1);
  const onPageChange = (page) => {
    setCurrent(page);
  };

  return (
    
  );
};

export default Example;

import { Pagination } from 'antd';
import 'antd/dist/antd.css';
import React, { useState } from 'react';

const Example = () => {
  const [current, setCurrent] = useState(1);

  const onPageChange = (page) => {
    setCurrent(page);
  };

  return (
    
  );
};

export default Example;

上面的代码可以创建一个包含分页功能的AntD组件。它包括“当前页码”，“总页数”，“每页显示数量”和“页面更改时调用的回调函数”。可以通过修改这些属性来自定义AntD分页组件。