Предположим, у меня есть такой компонент:
<h1>(i18n.t('welcome'))</h1>
Теперь у меня есть набор кнопок, которые при нажатии будут вызывать: changeLanguage с французского на английский и наоборот.
const changeLanguage = lng => {
i18n.changeLanguage(lng);
console.log(i18n.t('welcome '));
}
Каждый раз, когда я нажимаю на кнопку и консоль регистрирует:
welcome -> (если язык на английском)
ИЛИ ЖЕ
bienvenue -> (если язык французский)
Однако, мой элемент h1 остается прежним.
Как бы я это исправить?
Заранее спасибо за помощь:)