Panoramica

Il tipo InlineTranslationOptions viene usato per passare variabili alle traduzioni inline e per definirne il comportamento di rendering. Puoi anche aggiungere un contesto e un identificatore alla traduzione. Si usa con useGT, getGT e msg per passare variabili alle traduzioni inline delle stringhe.

Riferimenti

Parametri

Descrizione

Esempi

Contesto

Per aggiungere contesto alla stringa, utilizziamo la prop $context.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>{t('Hello, world!', { $context: 'saluto formale' })}</div>;
};

Passaggio di variabili

Per aggiungere una variabile alla stringa, utilizziamo la sintassi {variable-name}, in cui le parentesi graffe racchiudono il nome della variabile.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>{t('Ciao, {username}! Com’è la tua giornata?', { username: 'Brian123' })}</div>;
};

Utilizzo del formato di messaggio ICU

gt-next supporta il formato di messaggio ICU, che consente di formattare anche le variabili.

import { useGT } from 'gt-next';

const Component = () => {
  const t = useGT();
  return <div>
    { t(
      'Saldo del tuo conto: {dollars, number, ::currency/USD}!',
      {
        "dollars" : 1000000,
      }
    ) }
  </div>;
};

Consulta la documentazione del formato di messaggistica ICU per ulteriori informazioni sul formato di messaggistica ICU.

Note

• InlineTranslationOptions viene usato per le traduzioni di stringhe inline.
• L'oggetto variables passa i valori al testo.
• L'oggetto variablesOptions definisce il comportamento delle variabili.

Prossimi passaggi

• Consulta useGT e getGT per ulteriori informazioni sulle traduzioni di stringhe inline.
• Consulta il formato dei messaggi ICU per ulteriori informazioni sulle opzioni di formattazione.