mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 17:09:46 +08:00
35 lines
630 B
Markdown
35 lines
630 B
Markdown
---
|
|
order: 11
|
|
title:
|
|
zh-CN: 上一步和下一步
|
|
en-US: Prev and next
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
修改上一步和下一步为文字链接。
|
|
|
|
## en-US
|
|
|
|
Use text link for prev and next button.
|
|
|
|
```tsx
|
|
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;
|
|
```
|