Übersicht

Die Komponente <Var> wird verwendet, um Inhalte auszugeben, die nicht übersetzt werden sollen. Das ist nützlich, um Variablen, Code-Snippets oder andere Inhalte darzustellen, die nicht übersetzt werden sollen. Außerdem eignet sich dies für Inhalte, die vertraulich bleiben sollten, etwa API-Schlüssel oder persönliche Informationen.

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

Die <Var>-Komponente wird immer innerhalb einer <T>-Komponente verwendet. Sie dient als allgemeiner Platzhalter 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 soll.

Beispiele

Einfaches Beispiel

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

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

export default function Example(user) {
  return (
    <T>
      Übersetze diesen Text!
      Dein 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 stets innerhalb einer <T>-Komponente.
• Komponenten wie <Num>, <Currency> und <DateTime> bieten Lokalisierungsfunktionen, um eine korrekte Formatierung sicherzustellen.

Nächste Schritte

• Für eine ausführlichere Erläuterung und Anwendungsbeispiele zur <Var>‑Komponente sowie zu anderen Variable‑Komponenten wie <Currency>, <DateTime> und <Num>, siehe die Dokumentation Using Variable Components.
• Erfahre mehr über Formatierungsoptionen für bestimmte Variable‑Komponenten in der API Reference.