Documentazione dell'Hook useDictionary

L'hook useDictionary ti consente di elaborare un oggetto che assomiglia a un dizionario (contenente chiavi e contenuto) e gestire traduzioni, enumerazioni, ecc., al suo interno. A differenza di useIntlayer, che è progettato per funzionare con dichiarazioni di dizionario generate, useDictionary è più flessibile e può essere utilizzato con qualsiasi oggetto che segue la struttura del dizionario.

Esempio di utilizzo in React

Di seguito un esempio di come utilizzare l'hook useDictionary in un componente React:

import type { FC } from "react";
import { useDictionary } from "react-intlayer";
import componentContent from "./component.content";

const ComponentExample: FC = () => {
  const { title, content } = useDictionary(componentContent);

  return (
    <div>
      <h1>{title}</h1>
      <p>{content}</p>
    </div>
  );
};

Suggerimenti Aggiuntivi

• Sicurezza del Tipo: Usa sempre Dictionary per definire i tuoi dizionari per garantire la sicurezza del tipo.
• Aggiornamenti di Localizzazione: Quando aggiorni il contenuto, assicurati che tutte le localizzazioni siano coerenti per evitare traduzioni mancanti.

Questa documentazione si concentra sull'integrazione del hook useDictionary, fornendo un approccio semplificato per gestire contenuti localizzati senza fare affidamento sulle funzionalità degli editor visuali.