reactjs useTranslation在react/typescript中不工作

suzh9iv8  于 2023-04-20  发布在  React
关注(0)|答案(1)|浏览(87)

我有一个用react/typescript写的项目,我想改变语言。我使用i18 n,但当我使用useTranslation改变语言时,它不起作用。
Package :

"i18next": "22.4.9",
"react-i18next": "12.1.4"

i18n -〉config.js

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

i18n.use(initReactI18next).init({
  fallbackLng: 'en',
  lng: 'en',
  resources: {
    en: {
      translations: require('./locales/en/translations.json')
    }
  },
  ns: ['translations'],
  defaultNS: 'translations'
});

i18n.languages = ['en'];

export default i18n;

i18n -〉locales -〉en -〉translations.json

{    
    "errorMessage": "Please try again later."
}

App.tsx

import { useTranslation } from 'react-i18next';

const App = () => {

    const { t } = useTranslation();

    return (<>
        {t('errorMessage')}
    </>)
}

export default App

在跑步的时候,我看到:
错误信息
而不是
请稍后再试。
我错过了什么?

yeotifhr

yeotifhr1#

您必须导入config.js文件,最好在***App.tsx***文件中,因为它必须捆绑。

import './i18n/config';

相关问题