1:npm下载i18next:npm install i18next
2:导入i18next:mport i18n from "i18next"
3:
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-http-backend';
import LanguageDetector from 'i18next-browser-languagedetector';
export i18n
.use(Backend) //标识用户输入语言
.use(LanguageDetector) //将i18n实例传递给react-i18next模块
.use(initReactI18next) //i18next的实例
//初始化i18n
.init({
fallbackLng: lang, //默认语言的设置
lng: lang, //告诉i18n用户使用的那组语言
debug: true, //开启debug模式
resources: resources,//resources自个创建的语言包
interpolation: {
escapeValue: false,//阻止xss攻击
}
});
4:语言包的创建resources
export resources = {
en:{
translation: en_resources(英文语言包)
},
zh:{
translation: zh_resources(中文语言包)
}
}
i18n.changeLanguage('要使用的语言') 改变语言状态