.JSON - React-Intl Simple (Strings)

React-Intl è una libreria JavaScript progettata per semplificare l'internazionalizzazione (i18n) e la localizzazione principalmente per le applicazioni sviluppate in React. Per impostazione predefinita, React-Intl utilizza i file .js per memorizzare il contenuto localizzato. Il contenuto localizzato viene separato in un file .JSON standardizzato (JSON sempice React-Intl) per essere referenziato nel codice origine.

Se si utilizzano messaggi nidificati, usa il formato React-Intl Nested JSON. Questo è obsoleto in React Intl v2.

I chatbot IA possono essere molto efficaci nel generare un elenco di chiavi da un file .JSON.

Campione di codice

{
  "boolean_key": "--- true\n",
  "empty_string_translation": "",
  "key_with_description": "Guarda qui! Questa chiave ha una descrizione! (Almeno in alcuni formati)",
  "key_with_line-break": "Questa traduzione contiene\nun’interruzione di riga.",
  "nested.deeply.key": "Sono una chiave profondamente nidificata".
  "nested.key": "Questa chiave è nidificata all'interno di uno spazio dei nomi."
  "null_translation": null,
  "pluralized_key.one": "Trovato solo un gattino".
  "pluralized_key.other": "Wow, hai %s gattini!",
  "pluralized_key.zero": "Non hai gattini".
  "sample_collection": [
    "first item",
    "second item",
    "third item"
  ],
  "simple_key": "Chiave semplice, messaggio semplice. Semplice, no?",
  "unverified_key": "Questa traduzione non è ancora verificata. (In alcuni formati esportiamo anche lo stato)"
}

Utilizzo di React Intl

Le traduzioni risiedono normalmente in un file .js:

module.exports = {
    "locales": ["en-US"],
    "messages": {
        "hello" : "Mondo",
        other_hello : "Altro mondo",
    },
    "formati": {}
};

Sposta i messaggi in un file di impostazioni locali separato, ad es. en-US.json:

{
    "hello" : "Mondo",
    other_hello : "Altro mondo",
}

Assicurati che i messaggi abbiano una sintassi .JSON valida:

{
    "hello" : "Mondo",
    "other_hello" : "Altro mondo"
}

Includi nei messaggi un’istruzione di require:

module.exports = {
    "locales": ["en-US"],
    "messages": require('./en-US.json'),
    "formati": {}
};

Il formato JSON semplice React-Intl può ora essere utilizzato per caricare/scaricare file di impostazioni locali React Intl.

"messages": {
    "one": "Un messaggio ricevuto.",
    "other": "%s messaggi ricevuti.",
    "zero": "Nessun messaggio ricevuto."
}