Übersicht

Der Typ InlineTranslationOptions wird verwendet, um variables an Inline-Übersetzungen zu übergeben und deren Renderverhalten festzulegen. Sie können der Übersetzung außerdem Kontext und eine Kennung hinzufügen. Er wird zusammen mit useGT, getGT und msg verwendet, um variables an Inline-Zeichenkettenübersetzungen zu übergeben.

Referenzen

Parameter

Beschreibung

Beispiele

Kontext

Um einer Zeichenfolge Kontext hinzuzufügen, verwenden wir das $context-Prop.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>{t('Guten Tag, Welt!', { $context: 'formelle Begrüßung' })}</div>;
};

Variablen übergeben

Um eine Variable in eine Zeichenfolge einzufügen, verwenden wir die {variable-name}-Syntax, bei der geschweifte Klammern den Variablennamen einschließen.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>{t('Hallo, {username}! Wie ist dein Tag?', { username: 'Brian123' })}</div>;
};

Verwendung des ICU Message Format

gt-next unterstützt das ICU Message Format, mit dem Sie auch Ihre variables formatieren können.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>
    { t(
      'Ihr Kontostand: {dollars, number, ::currency/USD}!',
      {
        "dollars" : 1000000,
      }
    ) }
  </div>;
};

Siehe die ICU message format documentation für weitere Informationen zum ICU message format.

Hinweise

• InlineTranslationOptions wird für Inline-Übersetzungen von Strings verwendet.
• Das Objekt variables übergibt Werte an den Text.
• Das Objekt variablesOptions definiert das Verhalten der Variablen.

Nächste Schritte

• Weitere Informationen zu Inline-String-Übersetzungen finden Sie unter useGT und getGT.
• Weitere Informationen zu Formatierungsoptionen finden Sie im ICU message format.