小编lab*_*ser的帖子

如何在 React 中设置 i18n 默认翻译语言

我的应用程序中有两个使用 i18n 翻译器的翻译,但我尝试设置默认语言但没有成功。

首选语言(默认语言)将在注册时设置,并且来自数据库。

我在哪里可以创建某种逻辑来告诉 i18n 来自后端的语言是什么?

该值将显示如下:

const defaultLang = currentUser.data.laiso //this will output a string eg. 'en'
Run Code Online (Sandbox Code Playgroud)

i18n 配置文件看起来像这样:

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

import Backend from 'i18next-http-backend';
import LanguageDetector from 'i18next-browser-languagedetector';

const Languages = ['en', 'de'];

i18n

  .use(Backend)

  .use(LanguageDetector)

  .use(initReactI18next)

  .init({
    fallbackLng: 'en',
    debug: true,
    whitelist: Languages,

    interpolation: {
      escapeValue: false
    }
  });


export default i18n;
Run Code Online (Sandbox Code Playgroud)

下面应该写什么.use(Backend)?这是第一次使用 i18n,所以任何提示将不胜感激。

这是我需要翻译的组件。在其中,我尝试根据首选语言设置索引i18n.languages,但这不起作用:

import React from 'react'
import { useTranslation } from …
Run Code Online (Sandbox Code Playgroud)

javascript internationalization reactjs

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

internationalization ×1

javascript ×1

reactjs ×1