react:封装组件

封装

/components/Pagination.tsx
import React from 'react'
import { Pagination } from 'antd'const PaginationWarp = ({ total, paramsInfo, setParamsInfo }) => {return (<Paginationtotal={total}current={paramsInfo.page}showSizeChangershowQuickJumperdefaultPageSize={100}onChange={(page, pageSize) => {const obj = {...paramsInfo,page,pageSize,}setParamsInfo(obj)}}pageSizeOptions={['100', '50', '20']}showTotal={total => `总数 ${total} 条`}/>)
}
export default PaginationWarp

使用

import PaginationWarp from '@/components/Pagination.tsx'
{total.current && (<PaginationWarptotal={total.current}paramsInfo={paramsInfo}setParamsInfo={setparamsInfo}/>)}