如何管理翻译复杂的 React 应用程序答案

【问题标题】：How to manage translating a complex React app如何管理翻译复杂的 React 应用程序
【发布时间】：2020-09-18 13:33:44
【问题描述】：

我正在做一个相对复杂的 React 项目。它与 WordPress 集成，包括一些静态页面，以及用于电子商务的博客和产品页面。我一直在尝试为用户添加选择站点语言的能力，即英语或西班牙语。我曾尝试使用名为 react-auto-translate 的包 - 出于某种原因，它不适用于所有带有文本的组件，因此这可能不是一个可行的选择。我也一直在尝试 wordPress 的 GTranslate 插件，它提供了一个语言 url，所以如果用户选择西班牙语，则 JSON url 将更改为 /es/wp-json，从而将所有 JSON 数据翻译成西班牙语。这似乎是最好的选择，除了它只处理来自 JSON 数据的文本，而不是 React 应用程序中的硬编码文本。

我也尝试直接使用 Google Translate API，但未能成功将其连接到我的应用。

有人知道在 WordPress + React 应用程序中处理翻译的任何其他解决方案吗？

【问题讨论】：

标签： javascript reactjs wordpress google-translate google-translation-api

【解决方案1】：

您可以尝试以下替代方法：

https://react.i18next.com/

Airbnb 的多语种：https://airbnb.io/polyglot.js/

但考虑到这些都不会自动运行，您可能需要对项目进行更改。选择国际化/本地化解决方案可能是您在设计应用时决定的事情之一。

【讨论】：

谢谢你的建议，我会看看。