我有一个用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
在跑步的时候,我看到:
错误信息
而不是
请稍后再试。
我错过了什么?
1条答案
按热度按时间yeotifhr1#
您必须导入config.js文件,最好在***App.tsx***文件中,因为它必须捆绑。