ant-design/components/pagination/demo/itemRender.md

order	title
11	[{zh-CN 上一步和下一步} {en-US Prev and next}]

zh-CN

修改上一步和下一步为文字链接。

en-US

Use text link for prev and next button.

import type { PaginationProps } from 'antd';
import { Pagination } from 'antd';
import React from 'react';

const itemRender: PaginationProps['itemRender'] = (_, type, originalElement) => {
  if (type === 'prev') {
    return <a>Previous</a>;
  }
  if (type === 'next') {
    return <a>Next</a>;
  }
  return originalElement;
};

const App: React.FC = () => <Pagination total={500} itemRender={itemRender} />;

export default App;