Reactjs 来自react-i18next的UseTransformation返回null

Reactjs 来自react-i18next的UseTransformation返回null,reactjs,i18next,Reactjs,I18next,UseTransation()返回i18n的未定义。我不明白为什么。我花了很多时间调试这个问题。我会感谢你的帮助! 由于我没有看到您的代码,对不起,这可能是在暗中摸索 您需要导入一些文件,其中包含i18n的自定义项和翻译字符串。除非你主要是这样做的,否则不知道你在哪里有 i、 e: translationUtils.js import i18n from 'i18next'; import {initReactI18next} from 'react-i18next'; i18n.use(in

UseTransation()返回i18n的未定义。我不明白为什么。我花了很多时间调试这个问题。我会感谢你的帮助!

由于我没有看到您的代码,对不起,这可能是在暗中摸索

您需要导入一些文件,其中包含i18n的自定义项和翻译字符串。除非你主要是这样做的,否则不知道你在哪里有

i、 e:
translationUtils.js

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

i18n.use(initReactI18next).init({

  lng: 'en',
  fallbackLng: 'en',

 resources: {
    en: {
      translation: {
        "myTranslationKey": "hello world"
      }
    }
  },

  keySeparator: false,
  interpolation: {
    escapeValue: false,
  },
});

export default i18n;
然后,您需要将其导入您的文件(屏幕截图中的文件),即:

import'/translationUtils'

然后你应该能够像这样使用它:

const {t} = useTranslation();

t("myTranslationKey", "default value");

您还需要确保您的react版本支持挂钩。

请上传您的代码,而不是图片,并确保bug是可复制的