Übersicht

Die <Var>-Komponente wird verwendet, um Inhalte auszugeben, 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, um Inhalte auszugeben, 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 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, der den Inhalt enthält, der nicht übersetzt werden darf.

Beispiele

Einfaches Beispiel

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

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

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

Hinweise

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

Nächste Schritte

• Eine ausführlichere Erläuterung und Anwendungsbeispiele zur <Var>-Komponente sowie zu anderen Variablenkomponenten wie <Currency>, <DateTime> und <Num> findest du in der Dokumentation Using Variable Components.
• Mehr zu Formatierungsoptionen für bestimmte Variable Components findest du in der API Reference.