Überblick

Die <Var>-Komponente wird verwendet, um Inhalte zu rendern, die nicht übersetzt werden sollen. Das ist nützlich für Variablen, Codeausschnitte oder andere Inhalte, die unverändert bleiben müssen. Außerdem eignet sie sich für Inhalte, die vertraulich bleiben sollen, etwa API-Schlüssel oder persönliche Informationen.

<Var>{user.name}</Var>

Die Komponente <Var> wird stets innerhalb einer <T>-Komponente verwendet. Sie ist sozusagen die Auffanglösung für dynamische Werte, die nicht in die Kategorien <Currency>, <DateTime> oder <Num> fallen.

Referenzen

Props

Beschreibung

Rückgabewert

JSX.Element, der den Inhalt enthält, der nicht übersetzt werden soll.

Beispiele

Einfaches Beispiel

Die Komponente <Var> muss innerhalb der Komponente <T> verwendet werden.

import { T, Var } from 'gt-next'

export default function Example(user) {
  return (
    <T>
      Übersetzen Sie diesen Text!
      Ihr Name ist: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Diesen Text nicht übersetzen</p></Var> // [!code highlight]
    </T>
  );
}

Hinweise

• Variable Components sind entscheidend, um in Übersetzungen nicht übersetzbare, dynamische Inhalte beizubehalten.
• Verwenden Sie Variable Components stets innerhalb einer <T>-Komponente.
• Komponenten wie <Num>, <Currency> und <DateTime> bieten Lokalisierungsfunktionen, die eine korrekte Formatierung gewährleisten.

Nächste Schritte

• Eine ausführlichere Diskussion und Anwendungsbeispiele zur <Var>-Komponente sowie zu anderen Variablen-Komponenten wie <Currency>, <DateTime> und <Num> finden Sie in der Dokumentation Variable-Komponenten verwenden.
• Mehr zu Formatierungsoptionen für bestimmte Variablen-Komponenten erfahren Sie in der API Reference.