javascript - ReactJS i18n 重新加载页面

Question

我在我的reactjs应用程序中使用react-i18next。

问题是当我更改语言时，应用程序会重新加载并且始终从主路线开始。

有没有办法在同一页面上重定向或更改语言而不重新加载页面？

谢谢

更新

I18n.js

import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';

import {de} from "../../locales/de";
import {en} from "../../locales/en";

i18n
    .use(LanguageDetector)
    .init({
        resources: {
            en: en,
            de: de
        },
        fallbackLng: 'de',

        // have a common namespace used around the full app
        ns: ['translations'],
        defaultNS: 'translations',

        keySeparator: '.',

        interpolation: {
            escapeValue: false, // not needed for react!!
            formatSeparator: ','
        },

        react: {
            wait: true
        }
    });

export default i18n;

更改语言:

    const { t, i18n } = this.props;
    const changeLanguage = (lng) => {
        i18n.changeLanguage(lng);
    };

Answer 1

如何更改语言？使用查询字符串？

如果您调用i18next.changeLanguage(lng);，则不会发生任何更改，只是以新语言重新呈现...

示例请参见:https://github.com/i18next/react-i18next/blob/master/example/webpack2/app/components/View.js#L50