I18next/i18n Изменение Язык не работает со всем веб -сайтом ⇐ Html

[Anonymous]

Я делаю приложение React-Typscript, где мне нужно иметь возможность перевести сайт. Я использую библиотеку i18next. На главной странице пользователь может изменить язык, используя кнопку, которая запускает этот метод. < /P>

Код: Выделить всё

changeLang(lang:string):any{
i18next.changeLanguage(lang).then(() => {
this.props.close();
i18next.options.lng = lang;
});
}
< /code>
Это отлично подходит для изменения языка главной страницы. Однако, когда я перехожу на следующую страницу, он возвращается к исходному языку. Я не могу получить весь сайт, работающий на другом языке.import React from 'react';
import ReactDOM from 'react-dom';
import './styles/index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import Amplify from 'aws-amplify';
import awsmobile from "./aws-exports";

import * as enTranslations from "./locales/en"; /* This import refers to all of the texts in english */
import * as ptTranslations from "./locales/pt" /* This import refers to all of the texts in portuguese */
import {initReactI18next, I18nextProvider} from 'react-i18next'; /* Import needed for the use of the dictionary/translation  */
import LanguageDetector from "i18next-browser-languagedetector"; /* Import needed for the use of the dictionary/translation  */
import i18next from "i18next"; /* Import needed for the use of the dictionary/translation  */

/* Configure Amplify on the client so that we can use it to interact with our backend services */
Amplify.configure(awsmobile);

/* Extract the translations */
const resources = {
en: {messages: enTranslations},
pt: {messages: ptTranslations}
};

/* Setting up the dictionary/translator */
const i18n = i18next.use(LanguageDetector).use(initReactI18next);

i18n.init({
react: {
wait: true,
},
resources: resources,
lng: 'pt', /* Main Language */
fallbackLng: 'en',
keySeparator: '.',
interpolation: {
escapeValue: false,
},
ns: ['messages'],
defaultNS: 'messages',
fallbackNS: [],
});

ReactDOM.render(

[url=/login][/url]
{i18next.t('ChangePasswordConfirm.catchphrase')}
{i18next.t('ChangePasswordConfirm.secondaryText')}



)
}
}

export default withTranslation()(ChangePasswordConfirmation)

Как видите, я использую i18next.t ('my-key'), чтобы получить переводы, и я экспортирую каждый компонент/страницу с «withTranslation ()». Так что я не знаю, почему весь веб -сайт не меняет язык. Кто -нибудь может мне помочь?

Подробнее здесь: https://stackoverflow.com/questions/668 ... le-website