如何防止React-i18next中的闪烁效果?

时间:2019-07-09 06:59:14

标签: reactjs gatsby i18next react-i18next

我正在使用react-i18next(10.11.2)进行本地化。加载应用程序后,我看到用翻译标签呈现该组件的时间为几毫秒,然后将它们替换为适当的翻译。我已经在wait: true文件中设置了i18n.js,但问题没有解决。

i18n.js

i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  // .use(Backend)
  .init({
    wait: true,
    preload: ['en'],
    backend: {
      backends: [LocalStorageBackend]
    },
    cache: {
      prefix: 'i18next_res_',
      expirationTime: 7 * 24 * 60 * 60 * 1000,
    },
    resources: {
      en: {
        translation: {
          title: "hello world",
        }
      },
      fr: {
        translation: {
          title: 'bonjour le monde'
        }
      }
    }
  })

是否有其他方法可以避免闪烁效果?

谢谢

0 个答案:

没有答案