Estensioni dei file |
.json |
Estensione API |
react_simple_json |
Importa |
Sì |
Esporta |
Sì |
Supporto forme plurali |
Sì |
Supporto descrizione |
Sì, con estrazione dei messaggi predefinita. |
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.