使用 i18n 将 React 中的默认语言更改为阿拉伯语

Question

我正在开发具有英语和阿拉伯语的多语言 React 应用程序。默认语言是英语，然后我将其翻译到 ar.json 文件中，现在我需要将阿拉伯语设置为默认语言。我尝试在 i18n.js 文件中更改它，但没有成功。这是代码：

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

import translationEN from './locales/en.json';
import translationAR from './locales/ar.json';

const resources = {
  en: {
    translation: translationEN,
  },
  ar: {
    translation: translationAR,
  },
};

i18n
  .use(initReactI18next)
  .init({
    resources,
    lng: 'ar', // default language
    interpolation: {
      escapeValue: false,
    },
  });

export default i18n;

我将 lng: en 更改为 lng : ar 但它仍然显示英语为默认语言，所以我该怎么办？

Answer 1

请确保两个翻译文件都存在，但我认为你的方法是错误的，你应该更改 i18n 配置文件中的默认语言。

const i18nConfig = {
    locales: ['en', 'sr', 'sl'],
    defaultLocale: 'sl',
    prefixDefault: false,
};

module.exports = i18nConfig;

这只是在我的页面上设置默认区域设置的示例，它非常适合斯洛文尼亚语。