react Taro 使用i18n國際化

2021-10-10 07:38:06 字數 1805 閱讀 9993

npm install react-i18next i18next i18next-browser-languagedetector
// 新建index.jsx

import languagedetector from

'i18next-browser-languagedetector'

;import i18n from

"i18next"

;import zh from

'./zh'

import en from

'./en'

// eslint-disable-next-line import/first

import

from

'react-i18next'

;i18n.

use(languagedetector)

//嗅探當前瀏覽器語言

.use

(initreacti18next)

//init i18next

.init(,

zh:,}

,//選擇預設語言,選擇內容為上述配置中的key,即en/zh

lng:

'zh'

, debug:

false

, interpolation:,}

)export

default i18n;

// 新建zh.js

export

default

// 新建en.js

//引入

component.prototype.$i18n = i18n //封裝到全域性

commenjs

(component)

class

extends

component

componentdidshow()

componentdidhide()

componentdidcatcherror()

// this.props.children 就是要渲染的頁面

render()

>

<

/provider>)}

}export

// 使用

import

from

'react-i18next'

<

/text>

}<

/translation>

// 改變語言

changelang()

i18n呼叫自己引數 I18N的前後端實現

所需工具 1 vue 2 vue i18n 前期設定 1 構建兩個json語言字典,如果就中英文切換就分別構建 string en.json 和string zh.json,格式如下 2 讀取前一步驟建立的字典,並構造vuei18n元素 獲取本地語言包 非同步獲取會沒有response,需要暫時關閉...

I18N對應備忘表

中國 簡體中文 簡體中文 中國 zh cn 正體中文 台灣地區 zh tw 正體中文 香港 zh hk 英語 香港 en hk 英語 美國 en us 英語 英國 en gb 英語 全球 en ww 英語 加拿大 en ca 英語 澳大利亞 en au 英語 愛爾蘭 en ie 英語 芬蘭 en f...

i18n呼叫自己引數 用i18n做國際化go後端

相關 檔案在 internationalization,取開頭和結尾字母,算一下字母數18,組合一下就是i18n,這是乙個約定俗稱的叫法。在其他語言中,做國際化的相關包一般也會以這個名字命名。我這裡使用的是 這個底下的i18n包 安裝過後,在根目錄建乙個i18n的資料夾,新建兩個不同語言的檔案。en...