Какой самый простой способ реализовать перевод для моего приложения reactjs?

Question

Я хотел перевести приложение reactjs на разные языки.

Я видел, что есть модуль под названием i18next, и, похоже, это то, что я ищу, но я не знаю, как реализовать это, так как многие файлы задействованы, очень запутанно.

Есть ли простой способ перевести мое приложение с помощью любого модуля или простого кода?

Моя идея состоит в том, чтобы иметь разные файлы в зависимости от языка, например es-es.js, en-en.js ... и т. Д.

Любой простой учебник или как я могу это сделать, пожалуйста?

Благодаря

Answer 1

Для простой способ перевести этикетки, вы можете написать свой собственный модуль, как это:

let lang = "en"; 
const i18n = { 
    "en": { 
    "hello": "hello" 
    }, 
    "es": { 
    "hello": "olla" 
    } 
} 

export const t = (str) => i18n[lang][str] || str; 
export setLang = lang => {lang = lang} 

Затем вы можете использовать его где-нибудь в вашем коде, как это

import {t, setLang} from 'i18n' 

setLang('es'); 
t('hello') // => olla 

Это очень простой и работает только для простых меток, если вы хотите иметь переменные, плюрализацию и другое форматирование, вы должны научиться использовать некоторые из великих библиотек o там.

Представьте, что вы должны развивать i18next себя, это, безусловно, константные больше усилий, чтобы потом узнать готовый к использованию вещи