ANTD创建Table包含跳转到多少页

废话不多说直接上代码

import React, { useState,useEffect } from 'react';
import { withRouter } from 'umi';
import { Table } from 'antd';
import './index.scss';


function Main(  ) {
    const [TableData,setTableData] = useState<any>(null);
    
    const [SelectArr,setSelectArr] = useState<any>([]);
    

    let TableCloumn = [
        {
            title: '社交号',
            dataIndex: 'name',
            key: 'name',
            render: () =>{
                return <dl className='PageInfoBox'>
                    <dt> <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1933440720,2469399825&fm=26&gp=0.jpg" alt=""/></dt>
                    <dd>
                        <span>Hahahah <i className='iconfont icon-duigou'></i></span>
                        <span>@Hahaha</span>
                    </dd>
                </dl>
            },
        },
        {
            title: '国家',
            dataIndex: 'country',
            key: 'country',
        },
        {
            title: '粉丝',
            dataIndex: 'country',
            key: 'country',
        },
        {
            title: '视频数',
            dataIndex: 'country',
            key: 'country',
        },
        {
            title: '点赞数',
            dataIndex: 'country',
            key: 'country',
        },
        {
            title: '千粉互动',
            dataIndex: 'country',
            key: 'country',
        },
        {
            title: '操作',
            dataIndex: 'country',
            key: 'country',
            render:() =>{
                return true ? <span>已关注</span> : <span className='Blue'>添加关注</span>
            }
        },
    ]

    /** 生命周期 */
    useEffect(() =>{

        GetData()

    },[])

    /** 请求表格数据  */ 
    function GetData(){

        let Data = [
            {
                key: '1',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '2',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '3',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '4',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '5',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '6',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '7',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '8',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '9',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
            {
                key: '10',
                name: 'John Brown',
                age: 32,
                address: 'New York No. 1 Lake Park',
                tags: ['nice', 'developer'],
            },
        ]

        setTableData(Data)
    }

    return (
        <div className="MainBox">
            <Table 
                rowSelection={{onChange:(e) =>{ console.log(e,'eee') }}} 
                columns={TableCloumn} 
                dataSource={TableData} 
                loading={TableData === null} 
                pagination={{
                    total:85,
                    showSizeChanger:true,
                    showQuickJumper:true,
                    showTotal:total => `共 ${total} 条`
                }}
            />
        </div>
    )
}

export default Main;