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

33 lines
514 B
Markdown
Raw Normal View History

2017-08-30 14:02:49 +08:00
---
order: 10
title:
zh-CN: 上一步和下一步
en-US: Prev and next
---
## zh-CN
修改上一步和下一步为文字链接。
## en-US
Use text link for prev and next button.
````jsx
import { Pagination } from 'antd';
function itemRender(current, type, originalElement) {
if (type === 'prev') {
return <a>Previous</a>;
2018-06-27 15:55:04 +08:00
} if (type === 'next') {
2017-08-30 14:02:49 +08:00
return <a>Next</a>;
}
return originalElement;
}
ReactDOM.render(
2018-06-27 15:55:04 +08:00
<Pagination total={500} itemRender={itemRender} />,
2018-11-28 15:00:03 +08:00
mountNode
);
2017-08-30 14:02:49 +08:00
````