问题标签 [react-i18next]

在我的服务器路由中，我做了这样的事情（注意：i18next-express-middleware已经在管道中，服务器端渲染运行良好）：

因此，我尝试根据用户选择的语言返回正确版本的字段。

但是无论在浏览器端选择什么语言，在服务器端它总是设置为默认值，EN。

有没有办法让服务器端LanguageDetector知道浏览器端的当前语言？

这是我的客户i18n init：

这是我的服务器i18n init：

我有以下代码试图在我要翻译的反应项目中使用 i18next。

但是在调用应用程序时，我收到一个错误，即 I18n 组件 aTypeError: Cannot read property 'options' of undefined发生。

i18n我已经添加了日志语句，它返回了一个带有options属性的明确定义的对象。不知道该怎么办。

我已将该属性移动到特定组件中，以防它与路由器功能不兼容并且发生了同样的问题。

更新

问题出在 i18n 组件中。

改为

问题就解决了。

我有一个关于复杂React应用程序的多语言支持的问题。所有示例和文档都基于没有嵌套/子组件的“平面”应用程序。

如何处理这样嵌套的数据：

translate我应该用HOC包装每个子组件吗？
还有其他方法可以将翻译功能传递给子组件吗？

在他们在 github和其他地方的示例中，react-i18next 似乎建议我们应该通过用某种文本填充它来使用他们的 Trans 组件，据我了解，这些文本不会以任何方式出现在生成的应用程序中，因为它得到被默认语言环境覆盖。这是为了什么？是否只是为了确保 react 不会优化组件？

我正在使用 i18n 进行语言翻译。我有一个 ToggleSwitch 来更改运行良好的内容的语言。但我想根据选择的用户配置文件语言制作默认语言。

这是我正在使用的代码。

有什么帮助吗？

i18n.js

我有两个页面，在“login.js”和“main.js”文件中进行了描述。当用户登录时，我必须根据用户在其注册配置文件中存储的语言设置主页语言。我已检查_storeData我的方法I18n.locale是否正确设置为用户选择的语言。但在“main.js”中，内容没有改变。如何解决？

登录.js

main.js

我试图在我的 React 应用程序中翻译一些东西。这适用于 i18next 和 react-i18next。我使用 withNamespaces HOC 渲染翻译并使用 PoEdit 扫描它们。到现在为止还挺好。

但是，我面临两个问题。我还有一个包含我所有 UI 组件的库。更像是从语义用户界面本身扩展的所有样式。那里也有一些翻译适用，我也想在react-i18next那里使用相同的翻译。虽然在故事书中进行测试看起来都不错，但是当我运行npm link并将包链接到我的主应用程序时，我突然收到此错误：

我的第二个问题是如何扩展翻译？例如，我有这个库，它将字段 A 翻译为“你好吗？”。但是，在为客户运行项目时，我注意到客户想要对 lib 中的某些内容进行另一种翻译。那么有没有办法覆盖它？因为翻译当然是捆绑在一起的，并在组件内部加载。

下面是一些代码它的外观：

以及组件本身：

在最近的一天，我一直在尝试将 react-i18next 添加到 nextJs 项目到 i18n，为此我在他们的仓库中使用了 nextJs 示例，并尝试通过将我的代码逐步添加到他们的代码中来遵循它，一切正常，直到我添加了我的 index.js ，这是它的代码

`

`

它给了我这个错误

Error: No page context

我们使用MDXJS包在 Markdown 中编写内容，并在其中使用 React 组件。

有没有办法在 MDX / Markdown 文件中使用i18next / react-i18next包？

我在打字稿项目中使用 react-i18next。我使用的是translate()HOC，但它已被弃用，因此我已迁移到withNamespaces(). 过去一切都很好。

现在，当我启动应用程序时，一切都可以正常工作，但在测试期间它失败了：

这是我的AppMenu组件：

我的应用是一个非常标准的 Create-React-App 安装。

以及失败的测试文件：

我的应用程序是标准的 Create-React-App 安装，所以测试是开玩笑的。

找不到我缺少的东西以使其正常工作，以及为什么它在测试期间而不是在运行时失败。

谢谢！