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>