react + antd 改變 locale 語言

安裝 antd,默認他會幫你使用簡體中文,例如沒有table資料時,會顯示的提示文字,或者是datepicker的月份年份。每個組件都會有props可以讓你改顯示文字,但是如果是想要整個網站一起改,就可以使用ConfigProvider

在App.js引入ConfigProvider

可參考官網

import { ConfigProvider } from "antd";

這裡找你要使用的語言

因為我要使用的是繁體中文,所以我選擇zhTW

import zhTW from "antd/lib/locale/zh_TW";

引入之後,ConfigProvider 使用 React 的 context 特性,只需在最外面包覆就即可全局生效。

export default () => (
  <ConfigProvider locale={zhTW}>
    <App />
  </ConfigProvider>
);

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。