在反应应用程序中未定义i18next

Question

我刚开始在我的反应应用程序上使用i18next包但我遇到了问题。我做了'yarn add i18next@7.1.3 --save'来安装包。然后在我的组件中我做了这个：

import i18next from 'i18next'
// other imports...

// defining class
constructor(props){
  super(props)

  console.log(i18next.t('Wähle einen Titel für deinen Ratgeber'))
}

在渲染方法中，我正在做这个

<Explainer header={i18next.t('Was macht ein gutes Thema aus?')}>
   <GoodTitleExplainer/>
</Explainer>

因此，在控制台上，我收到了未定义且错误道具header在Explainer中被标记为必需，但其值为undefined 。

我让它在另一个项目中工作，但我不知道这里有什么问题。请帮助。

Answer 1

您是否已初始化i18next实例？ https://www.i18next.com/getting-started.html#basic-sample

进一步使用react我强烈建议使用react-i18next：https://react.i18next.com使翻译和使用更容易加载