antdesign分页中的英文转为中文
1、使用antdesign文档中的代码显示的是下图的样子,显示的是英文
2、将英文换成中文(先看效果图)
3、步骤
3.1 引入
import { Pagination, ConfigProvider } from 'antd';
import zh_CN from 'antd/es/locale/zh_CN';
3.2 使用 <ConfigProvider locale={zh_CN}>...</ConfigProvider > 将分页的代码包起来
3.3 总体代码如下:
<ConfigProvider locale={zh_CN}>
<Pagination
style={{ textAlign: "right" }}
total={totalCount}
defaultCurrent={1}
showSizeChanger
showQuickJumper
showTotal={totalCount => `共 ${totalCount} 条`}
onChange={(params, state) => {
pageParams.pageIndex = params;
pageParams.pageSize = state as number;
pageParams.id = props.policyid;
setPage(params);
setSize(state as number)
getDataByPage(pageParams)
}}
/>
</ConfigProvider>