在@ shopify / react-i18n中更改语言时如何重新呈现页面？

import { useTranslation } from '@shopify/react-i18n';

function MyComponent() {
  const { t, locale } = useTranslation();

  // 其他组件逻辑...

  return (
    <div>
      <p>{t('hello')}</p>
    </div>
  );
}

import { I18nManager } from '@shopify/react-i18n';

function App() {
  // 其他组件逻辑...

  return (
    <I18nManager>
      <MyComponent />
    </I18nManager>
  );
}

import { useI18n } from '@shopify/react-i18n';

function LanguageSwitcher() {
  const { i18n } = useI18n();

  const handleChangeLanguage = (language) => {
    i18n.set({ locale: language });
  };

  // 其他组件逻辑...

  return (
    <div>
      <button onClick={() => handleChangeLanguage('en')}>English</button>
      <button onClick={() => handleChangeLanguage('fr')}>French</button>
    </div>
  );
}