<Var>

Übersicht

Die <Var>-Komponente wird verwendet, um Inhalte darzustellen, die nicht übersetzt werden sollen. Dies ist nützlich, um Variablen, Codeausschnitte oder andere Inhalte anzuzeigen, die nicht übersetzt werden sollen. Außerdem ist dies hilfreich, um Inhalte darzustellen, die privat bleiben sollen, wie zum Beispiel API-Schlüssel oder persönliche Informationen.

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

Die <Var>-Komponente wird immer innerhalb einer <T>-Komponente verwendet. Man kann sie als eine Art Auffanglösung für dynamische Werte betrachten, die nicht in die Kategorie <Currency>, <DateTime> oder <Num> passen.

Referenz

Eigenschaften

Beschreibung

Rückgabewert

JSX.Element, der 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>
      Translate this text!
      Your name is: <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 nicht übersetzbare, dynamische Inhalte in Übersetzungen 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 Diskussion und Anwendungsbeispiele für die <Var>-Komponente sowie andere Variablenkomponenten wie <Currency>, <DateTime> und <Num> findest du in der Dokumentation zur Verwendung von Variablenkomponenten.
• Erfahre mehr über Formatierungsoptionen für bestimmte Variablenkomponenten in der API-Referenz.