WörterbuchÜbersetzungsOptionen

Überblick

Der DictionaryTranslationOptions-Typ wird verwendet, um Variablen an Wörterbucheinträge zu übergeben und ihr Renderverhalten zu spezifizieren. Er wird mit useDict() und getDict() verwendet, um Variablen an Wörterbucheinträge zu übergeben.

Referenz

Parameter

Beschreibung

Beispiele

Variablen übergeben

Um eine Variable an den Wörterbucheintrag zu übergeben, müssen wir zwei Dinge tun: (1) eine Variable zum Eintrag hinzufügen und (2) die genannte Variable in der d()-Aufruf referenzieren.

Zuerst fügen wir dem Wörterbucheintrag eine Variable mit folgendem Syntax hinzu: {username}. username ist der Name der Variable.

const dictionary = {
  greeting: {
    hello: 'Hallo, {username}!',
  },
};
 
export default dictionary;

Als nächstes referenzieren wir die Variable:

import { useDict } from 'gt-next/client';
 
const Component = () => {
  const d = useDict();
  return <div>{d('greeting.hello', { variables: { username : 'Brian123' } })}</div>;
};

Hinzufügen von Variablenoptionen

Variablenoptionen ermöglichen es Ihnen, anzupassen, wie eine Variable gerendert wird. Es verwendet die gleiche Syntax wie das variables-Objekt.

const dictionary = {
  account: {
    balance: 'Ihr Kontostand: {account-balance}!',
  },
};
 
export default dictionary;

Als nächstes referenzieren wir die Variable:

import { useDict } from 'gt-next/client';
 
const Component = () => {
  const d = useDict();
  return <div>
    { d(
      'account.balance',
      {
        variables: { "account-balance" : 1000000 },
        variableOptions: { "account-balance": { style: 'currency', currency: 'USD' } }
      }
    ) }
  </div>;
};

Notizen

• Das variables-Objekt übergibt Werte an einen Wörterbucheintrag.
• Das variablesOptions-Objekt definiert das Verhalten der Variablen.

Nächste Schritte

• Siehe Wörterbücher für weitere Informationen über Wörterbücher und gängige Praktiken.
• Siehe useDict() oder getDict() für weitere Informationen über die Wörterbuchschnittstelle.
• Siehe Intl.NumberFormatOptions und Intl.DateTimeFormatOptions für weitere Informationen zu Formatierungsoptionen.