Config

loadDictionary()

Référence API pour la fonction loadDictionary().

Aperçu

loadDictionary() chargera un fichier json de traduction pour une locale donnée.

Cette fonction est destinée à ceux qui souhaitent utiliser gt-react comme une bibliothèque i18n autonome.

Cette fonction est principalement utilisée pour migrer des projets existants avec i18n vers General Translation tout en conservant leurs traductions existantes.

Si plusieurs traductions existent, les traductions des dictionnaires chargés par loadDictionary() auront toujours la priorité sur les autres. loadDictionary() ne prend en charge que l'utilisation de fichiers JSON avec des traductions de chaînes de caractères.

Référence

Paramètres

PropTypeDefault
locale?
string
-

Description

TypeDescription
localeLa locale pour laquelle les traductions doivent être chargées.

Retours

Un Promise<any> qui résout en un dictionnaire associant des identifiants aux traductions pour la locale donnée.


Configuration

Généralement, vous chargerez le dictionnaire depuis le répertoire ./public/locales.

Définissez votre loadDictionary() dans un fichier. Assurez-vous que la fonction retourne une promesse qui se résout en un objet avec des traductions pour la locale donnée.

src/loadDictionary.js
export default async function loadDictionary(locale) {
  const translations = await import(`../public/locales/${locale}.json`);
  return translations.default;
}

Ensuite, passez-le à votre composant <GTProvider> :

src/App.js
import { GTProvider } from 'gt-react';
import loadDictionary from './loadDictionary';
 
<GTProvider loadDictionary={loadDictionary}>
  <App />
</GTProvider>

Question : Quelle est la différence entre loadTranslations() et loadDictionary() ?

  • loadTranslations() est utilisé pour définir un comportement de chargement personnalisé pour récupérer les traductions pour votre application. Cela pourrait être l'obtention de traductions depuis un CDN, une base de données, ou le bundle de votre application. Ce sont généralement des traductions générées par machine, gérées par l'outil cli, et pas très conviviales à éditer.
  • loadDictionary() est destiné aux implémentations de gt-react en tant que bibliothèque autonome. Les utilisateurs apportent leurs propres traductions et aucune infrastructure de traduction n'est utilisée.

Notes

  • loadDictionary() est utilisé pour charger des traductions personnalisées pour votre application.
  • Les dictionnaires chargés par loadDictionary() auront la priorité sur les traductions chargées par loadTranslations().

Prochaines étapes

Sur cette page