我已经注意到使用带有i18next npm软件包（useTranslation钩子）的实质性ui选项卡的奇怪行为-用于本地化按钮。主要问题是：页面重新加载后，底部指示器不会重新计算其位置，但是当我评论我的useTranslation钩子时-一切正常。我的钩子在组件顶部看起来像这样：
const { t: tc }: UseTranslationResponse = useTranslation('common');
我在这里看不到任何依赖性，也看不到任何异步问题。有任何想法吗？谢谢
答案 0 :(得分：0)
我今天遇到了同样的问题。就像你一样，我在 i18next 中使用反应材料选项卡。 为了解决这个问题，我在 i18n 初始化时强制加载命名空间。 我不知道为什么会出现这个错误，但这个解决方法对我有用。
i18n.init({ns: ['components', 'pages', 'common', 'generalData']})
答案 1 :(得分：0)
您可能正在异步加载您的翻译？也许使用 i18next-http-backend？
那么您可能没有使用 Suspense，也没有等待就绪标志：https://react.i18next.com/latest/usetranslation-hook#not-using-suspense