React i18n 翻译闪烁并在 razzle 中恢复为默认值 - (服务器端渲染)
React i18n translation flashes and reverts to default in razzle - (server side rendering)
我已经能够将 react-i18next 集成到我的项目中,但是,当我在 Chrome 中更改语言并刷新应用程序时,它不会更改文本。它保留为以前的翻译。我注意到在我记录数据的终端中,translations.json 文件是为浏览器中设置的正确语言加载的。
Video demo showing what happens.
从我在 github 页面上为 react-i18next 创建的 post,创建者指出我可能缺少的是传递初始翻译和语言,以便客户端在服务器停止的地方继续.
如果我能得到一些关于如何解决这个问题的建议,我将不胜感激。
我重新创建了一个 sample project here。
干杯
发生的事情是我在 window var:code here 上设置 initialI18nStore 和 initialLanguage 的方式。
事实证明我只能(据我目前所知)通过在 initialI18nStore 或 initialLanguage 前面加上 2 个下划线来设置它 - 所以
window.__initialI18nStore
有效但 window.initialI18nStore
无效。
希望它能帮助从事 React ssr 项目的人。
我已经能够将 react-i18next 集成到我的项目中,但是,当我在 Chrome 中更改语言并刷新应用程序时,它不会更改文本。它保留为以前的翻译。我注意到在我记录数据的终端中,translations.json 文件是为浏览器中设置的正确语言加载的。 Video demo showing what happens.
从我在 github 页面上为 react-i18next 创建的 post,创建者指出我可能缺少的是传递初始翻译和语言,以便客户端在服务器停止的地方继续.
如果我能得到一些关于如何解决这个问题的建议,我将不胜感激。
我重新创建了一个 sample project here。
干杯
发生的事情是我在 window var:code here 上设置 initialI18nStore 和 initialLanguage 的方式。
事实证明我只能(据我目前所知)通过在 initialI18nStore 或 initialLanguage 前面加上 2 个下划线来设置它 - 所以
window.__initialI18nStore
有效但 window.initialI18nStore
无效。
希望它能帮助从事 React ssr 项目的人。