使用polyglot.js

Question

使用polyglot.js，我想知道如何翻译文本中的标记/组件？请考虑以下文本示例：

with the <strong>free</strong> features you can <Link to="/pricing">achieve</Link> the following things

我可以将这句话分解为多个键，但这在翻译时没有意义。什么是好方法？

Answer 1

同意将其拆分是一个坏主意......使翻译成为一种比需要更大的痛苦。

查看你的标签你使用react和node.js - ＆gt;为了做出反应，您可以从多语言中获取已翻译的内容并使用dangerouslysetinnerhtml https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

那会起作用 - 但说实话，我会看看i18next（扰乱我是该框架的维护者）。使用react-i18next，您可以更好地完成这些标记翻译：https://github.com/i18next/react-i18next/

使用反式组件：

<Trans i18nKey="userMessagesUnread" count={count}>
  Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>.
</Trans>