如何管理翻译复杂的 React 应用程序
How to manage translating a complex React app
我在做一个比较复杂的React项目。它与 WordPress 集成,包括一些静态页面,以及用于电子商务的博客和产品页面。我一直在尝试为用户添加选择站点语言(即英语或西班牙语)的能力。我曾尝试使用一个名为 react-auto-translate 的包——出于某种原因,它不适用于所有带有文本的组件,因此这可能不是一个可行的选择。我也一直在尝试 wordPress 的 GTranslate 插件,它提供了一种语言 url,所以如果用户选择西班牙语,JSON url 会更改为 /es/wp-json,使所有JSON 数据翻译成西班牙语。这似乎是最好的选择,除了它只处理来自 JSON 数据的文本,而不是 React 应用程序中的硬编码文本。
我也曾尝试直接使用 Google 翻译 API,但无法成功连接到我的应用程序。
有人知道在 WordPress + React 应用程序中处理翻译的任何其他解决方案吗?
您可以尝试以下替代方案:
Airbnb 的通晓多种语言:https://airbnb.io/polyglot.js/
但考虑到 none 这将自动运行,您可能需要对项目进行更改。选择 internationalization/localization 解决方案可能是您在设计应用程序时决定的事情之一。
我在做一个比较复杂的React项目。它与 WordPress 集成,包括一些静态页面,以及用于电子商务的博客和产品页面。我一直在尝试为用户添加选择站点语言(即英语或西班牙语)的能力。我曾尝试使用一个名为 react-auto-translate 的包——出于某种原因,它不适用于所有带有文本的组件,因此这可能不是一个可行的选择。我也一直在尝试 wordPress 的 GTranslate 插件,它提供了一种语言 url,所以如果用户选择西班牙语,JSON url 会更改为 /es/wp-json,使所有JSON 数据翻译成西班牙语。这似乎是最好的选择,除了它只处理来自 JSON 数据的文本,而不是 React 应用程序中的硬编码文本。
我也曾尝试直接使用 Google 翻译 API,但无法成功连接到我的应用程序。
有人知道在 WordPress + React 应用程序中处理翻译的任何其他解决方案吗?
您可以尝试以下替代方案:
Airbnb 的通晓多种语言:https://airbnb.io/polyglot.js/
但考虑到 none 这将自动运行,您可能需要对项目进行更改。选择 internationalization/localization 解决方案可能是您在设计应用程序时决定的事情之一。