Übersetzen Sie Text mit Markup mit polyglot.js - Javascript, reactjs, Internationalisierung

Verwenden polyglot.jsIch frage mich, wie man Markierungen / Komponenten innerhalb von Texten übersetzt. Betrachten Sie das folgende Textbeispiel:

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

Ich könnte diesen Satz in mehrere Schlüssel zerlegen, aber das macht beim Übersetzen keinen Sinn. Was ist ein guter Ansatz?

Antworten:

Ich stimme der Aufteilung zu, ist eine schlechte Idee ... macht die Übersetzung stärker als nötig.

Wenn Sie sich Ihre Tags ansehen, reagieren Sie mit und reagieren mit node.js -> auf reagieren Sie könnten den übersetzten Inhalt von Polyglot nehmen und riskantsetinnerhtml verwenden https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

das würde funktionieren - aber ehrlich gesagt würde ich mir i18next ansehen (Spoiler, ich bin der Betreuer dieses Frameworks). Mit dem reag-i18next können Sie diese Markup-Übersetzungen viel schöner machen: https://github.com/i18next/react-i18next/

Verwendung der trans-Komponente:

<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>