再引用antd表格的時候經常用到分頁,但是設置如上圖多少條每頁的時候默認是英文的狀態,前幾天因爲用到所以自己摸索了一下如何變成如上圖的中文字樣。
很多文章提到這是antd的國際化設置,沒錯在引入antd的時候會帶有中文語言包。
可作如下操作:
import React from 'react
// 在需要用到的 組件文件中引入中文語言包
import zhCN from 'antd/es/locale/zh_CN';
// 引入國際化配置
import { ConfigProvider,Table } from 'antd';
export default class Demo extends React.Component{
state = {
local:zhCN
}
render(){
const { local } = this.state
return(
<div>
<ConfigProvider local={local}> //用ConfigProvider組件將表格包住
<Table />
</ConfigProvider>
</div>
)
}
}
這樣表格的分頁每頁多少條就會變成中文了,還有很多比如日期選擇框什麼的剛引用也是英文的都可以用這種方法變成中文。
當然官方給提供了全局化的配置,
設置一次全局通用這裏附上連接:http://3x.ant.design/
希望可以幫助一些剛上手的朋友。