React 引用Table表格设置分页为中文

                                                                                  ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​ 

需要导入

import { ConfigProvider } from 'antd'
import zhCN from 'antd/es/locale/zh_CN'

 并且 <ConfigProvider locale={zhCN}> </ConfigProvider>用这个包起来

注意: locale={zh_CN} 这样写我的编译器内会有ESLint的规则提示，要求标识符使用驼峰命名。

这里我就先写成：zhCN

 <ConfigProvider locale={zhCN}>
             <Table
                   columns={columns}
                   dataSource={dataSource}
                   style={style}
                   scroll={scroll}
                   pagination={{
                      ...pagination,
                      pageSizeOptions: ['10', '20', '50'],
                      total: 85,
                      showSizeChanger: true,
                      showQuickJumper: true,
                      showTotal: () => {
                      return `共 ${85} 条`;   //设置分页
                     }
                   }}
                 >
                        {props.children}
              </Table>
   </ConfigProvider>