Vue d’ensemble

Le type DictionaryTranslationOptions est utilisé pour passer des variables aux entrées du dictionary et préciser leur comportement de rendu. Il est utilisé avec useTranslations et getTranslations pour passer des variables aux entrées du dictionary.

Référence

Paramètres

Description

Exemples

Transmission de variables

Pour transmettre une variable à l’entrée du dictionary, nous devons effectuer deux actions : (1) ajouter une variable à l’entrée et (2) référencer cette variable dans l’appel à d.

D’abord, nous ajoutons une variable à l’entrée du dictionary avec la syntaxe suivante : {username}. username est le nom de la variable.

const dictionary = {
  greeting: {
    hello: 'Bonjour {username} !',
  },
};

export default dictionary;

Ensuite, nous faisons référence à la variable :

import { useTranslations } from 'gt-next';

const Component = () => {
  const d = useTranslations();
  return <div>{d('greeting.hello', { username : 'Brian123' })}</div>;
};

Utilisation du format de message ICU

gt-next prend en charge le format de message ICU, ce qui vous permet aussi de formater vos variables.

const dictionary = {
  account: {
    balance: 'Solde de votre compte : {dollars, number, ::currency/USD} !',
  },
};

export default dictionary;

Ensuite, nous faisons appel à la variable :

import { useTranslations } from 'gt-next';

const Component = () => {
  const d = useTranslations();
  return <div>
    { d(
      'account.balance',
      {
        "dollars" : 1000000,
      }
    ) }
  </div>;
};

Notes

• L’objet variables transmet des valeurs à une entrée du dictionary.
• L’objet variablesOptions définit le comportement des variables.

Prochaines étapes

• Consultez dictionaries pour en savoir plus sur dictionary et les pratiques courantes.
• Consultez useTranslations ou getTranslations pour plus d’informations sur l’interface dictionary.
• Consultez le format de message ICU pour plus d’informations sur les options de formatage.