Übersicht

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

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

Die Komponente <Var> wird immer innerhalb der Komponente <T> verwendet. Sie dient als Auffanglösung für dynamische Werte, die nicht in die Kategorien <Currency>, <DateTime> oder <Num> fallen.

Referenzen

Props

Beschreibung

Rückgabewert

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

Beispiele

Einfaches Beispiel

Die Komponente <Var> muss innerhalb einer <T>-Komponente verwendet werden.

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

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

Hinweise

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

Nächste Schritte

• Eine ausführlichere Erläuterung und Anwendungsbeispiele für die <Var>-Komponente sowie andere Variablenkomponenten wie <Currency>, <DateTime> und <Num> findest du in der Dokumentation Using Variable Components.
• Erfahre mehr über Formatierungsoptions für spezifische Variablenkomponenten in der API Reference.