小编dia*_*ish的帖子

首先我想说我对 React 和 ES6 总体来说还比较陌生。

到目前为止，我已经在组件中实现了react-i18next并取得了巨大成功。我还添加了 i18next-scanner 来自动将翻译密钥提取到 .json 文件。

我有一个router/index.js包含我的项目的路线的文件。该文件还用于创建侧边栏导航。

在这个文件中，我有用于侧边栏导航的名称。路线存储为可能包含子路线的对象。我的问题是我想使用 i18nextt()函数来翻译这些名称。

我的代码

i18n.js：

// i18n.js
import i18next from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-xhr-backend';
import LanguageDetector from 'i18next-browser-languagedetector';

const i18n = i18next
  .use(Backend)
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    debug: true,
    // ...
    },
  });

export { i18next }; // instance
export default i18n; // promise

路线/index.js：

// routes/index.js
import React from 'react';
import i18n, { i18next } from 'i18n';
import { …