Javascript 在i18next上刷新后，字符串会立即更改

我正在使用最新的i18next（react） 我已经为两种不同的语言创建了两个按钮，当我点击其中一个时，什么也没发生。。 刚刚意识到，当我点击刷新按钮时，我看到我的网站上的字符串发生了变化

这是我的i18n.js文件：

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";

import translationEN from '../locals/en/translation.json';
import translationPT from '../locals/pt/translation.json';

// the translations
const resources = {
    en: {
        translation: translationEN
    },
    pt: {
        translation: translationPT
    },
};
i18n
    .use(LanguageDetector)
    .use(initReactI18next)
    .init({
        resources,
        fallbackLng: "en"
    });

export default i18n;

在App.js上，我使用：

const changeLanguage = (ln) => {
    return () => {
        i18n.changeLanguage(ln);
    }
};

在render（）上：

---

谢谢你的帮助。

你找到解决办法了吗？

<div>
  <button className="langBtn" onClick={changeLanguage('en')}>EN</button>
  <button className="langBtn" onClick={changeLanguage('pt')}>PT</button>
</div>

import i18n from "./config/i18n";
{i18n.t('HomePageHeader')}