前端國(guó)際化JS庫(kù)i18n配置使用方法
下載 JS 國(guó)際化庫(kù)
pnpm install i18next cnpm install i18next npm install i18next yarn install i18next
在跟組件創(chuàng)建語(yǔ)言文件并建立 i18n.ts （ 任意名字都可 ）
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import { englisth } from "./Englisth";
import { japanese } from "./Japanese";
import { thaiLanguage } from "./ThaiLanguage";
i18n.use(initReactI18next).init({
resources: {
en_US: {
translation: { ...englisth },
},
ja_JP: {
translation: { ...japanese },
},
th_TH: {
translation: { ...thaiLanguage },
},
},
lng: "en_US",
fallbackLng: "en_US",
// lng: "zh-CN",
// fallbackLng: "zh-CN",
interpolation: {
escapeValue: false,
},
});
export default i18n;
// import i18n from "@/Language/i18n";
lng 屬性表示你選擇的哪種語(yǔ)言，fallbacklng 屬性表示你的備選語(yǔ)言（ 在主選語(yǔ)言查詢不到的時(shí)候，會(huì)在 fallbacklng 中進(jìn)行查找 ）
resources 中的每個(gè)對(duì)象代表的是一種語(yǔ)言，需要自定義，我此處是將語(yǔ)言單獨(dú)創(chuàng)建文件進(jìn)行引入。
示例：
接下來(lái)使用直接引入此文件，調(diào)用 .t() 方法即可使用，示例如下：
import i18n from "@/Language/i18n";
{
label: i18n.t("退出登錄"),
key: "loginExit",
},由于我默認(rèn)選擇的語(yǔ)言是 en_US ，所以此處的退出登錄在頁(yè)面上就會(huì)被翻譯成 Log Out。
總結(jié)
到此這篇關(guān)于前端國(guó)際化JS庫(kù)i18n的文章就介紹到這了,更多相關(guān)前端國(guó)際化JS庫(kù)i18n內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
代碼永遠(yuǎn)都是那么好玩，而 Trick 不斷。那天張克軍在 twitter 上說(shuō)還有比 [].slice.call() 更短的 Array 轉(zhuǎn)換么2011-10-10
使用Chrome調(diào)試JavaScript的斷點(diǎn)設(shè)置和調(diào)試技巧
這篇文章主要介紹了使用Chrome調(diào)試JavaScript的斷點(diǎn)設(shè)置和調(diào)試技巧,需要的朋友可以參考下2014-12-12
js實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JavaScript高級(jí)程序設(shè)計(jì) 讀書(shū)筆記之八 Function類及閉包
Function類及閉包，學(xué)習(xí)js的朋友可以參考下2012-02-02
從表單校驗(yàn)看JavaScript策略模式的使用詳解
這篇文章主要介紹了從表單校驗(yàn)看JavaScript策略模式的使用，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10
JavaScript typeof 操作符用法、陷阱與類型檢測(cè)進(jìn)階指南
typeof返回變量類型字符串,適用于基本類型檢測(cè)和變量是否存在,但無(wú)法精準(zhǔn)識(shí)別對(duì)象類型,推薦結(jié)合Array.isArray、instanceof及Object.prototype.toString.call等方法,本文給大家介紹JavaScript typeof操作符用法、陷阱與類型檢測(cè)進(jìn)階指南,感興趣的朋友一起看看吧2025-09-09
前端canvas實(shí)現(xiàn)電子簽約完成線上簽署功能
最近發(fā)現(xiàn)現(xiàn)在租房還是簽合同,越來(lái)越多采用電子簽約的方式進(jìn)行,好處不用多說(shuō)節(jié)約成本,節(jié)約時(shí)間,下面我們來(lái)看看使用canvas實(shí)現(xiàn)電子簽約完成線上簽署功能2025-01-01
微信企業(yè)號(hào)開(kāi)發(fā)之微信考勤Cookies的使用
使用微信考勤，每次使用微信企業(yè)號(hào)開(kāi)發(fā):微信用戶信息和web網(wǎng)頁(yè)的session的關(guān)系這個(gè)里邊的方法，調(diào)用微信的接口，有點(diǎn)慢，微信官方也推薦使用Cookies，但如何使用Cookies，自己卻一直沒(méi)有搞清楚。下面小編幫大家解決難題，需要的朋友可以參考下2015-09-09
JavaScript中文件緩存導(dǎo)致404錯(cuò)誤的解決方案
當(dāng) JavaScript 文件在服務(wù)器上被更新或刪除后,瀏覽器仍然請(qǐng)求舊的緩存文件,導(dǎo)致 404 錯(cuò)誤,本文將深入探討這一問(wèn)題的原因,并提供多種解決方案,需要的可以參考下2025-03-03
javascript 動(dòng)態(tài)加載 css 方法總結(jié)
有時(shí)候我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候想動(dòng)態(tài)的加載css文件,并不是將css文件寫(xiě)死在頁(yè)面中,這時(shí)就可以使用下面方法.2009-07-07