Ant Design框架分页汉化

Ant Design分页，默认是英文，看着很不习惯，我们可以进行汉化，antd本身带有中文语言包，当我们引入antd，就可以进行汉化了，事实上antd为了进行国际化，本身就有多个语言包

汉化方法

1、引入语言包

// 在需要用到的 组件文件中引入中文语言包
import zhCN from 'antd/es/locale/zh_CN'; 
// 引入国际化配置
import { ConfigProvider,Table } from 'antd';

2、使用<ConfigProvider locale={ zhCN }> </ConfigProvider>包裹着表格

import React, {useEffect, useState} from 'react'
import { Breadcrumb, Card, Table, Button, Popconfirm, Space, ConfigProvider } from 'antd';
import { articleListApi } from '../../utils/service';
// 在需要用到的 组件文件中引入中文语言包
import zhCN from 'antd/es/locale/zh_CN'; 

function Article(props) {
   return (
       <div>
              <ConfigProvider locale={ zhCN }> 
               <Table columns={columns} bordered dataSource={dataSource} pagination={{
                   total:total,
                   pageSize:10,
                   showSizeChanger: true,
                   showQuickJumper: true,
                   pageSizeOptions:[10, 20, 50, 100],
                   defaultPageSize:10,
                   onChange:loadData,
                   showTotal: total => `共${total}条记录 `
                   }}></Table>
               </ConfigProvider>
       </div>
   )
}

export default Article