Как реализовать мультиязычность на сайте?

Question

[Dima Matvienko]

День добрый
подскажите, сайт сделан на React но база на php написана.
Нужно реализовать сайт на 2 версии на рус. и укр.
В коде должна отображаться и рус и укр версия, но при этом когда на сайте выбираешь язык, оно подтягивало определленное описание.
Есть сайт Hotline ( вот что то такого сделать) у них при переключении языка меняються только текста.

Comments

[WbICHA]

А в чём конкретно проблема? Подтягивай переводы и меняй тексты.

[SheikhRamil]

нажимаешь на кнопку например перек на укр язык и всех элементов значения перезаписуются на укр язык, это же js базовый уровень

Answer 1

[Alexandr N]

1. В сторе контролируешь какой язык выбран
2. В стор стягиваешь с бэка словарь с активным языком
3. В стор функцию принимающую тэг для перевода и возвращающую текст

примерно так:

activeLang = 'ru' // активный язык

dict = [
{tag: 'header-title', ru:'Зонтик', ua: 'Парасолька'}
] // пример словаря котрый мы получили с бэка и положили в стор

const getMyLocal = tag =>{
const item = dict.find((item) => item.tag === tag );
return item ? item[activeLang] : 'wrong tag';
}

<div>getMyLocal('header-title') </div>

Ну как то так если по быстрому