在react网站中存储多语言文本的最佳实践是什么?



我正在建立一个react网站,它有多个本地化。存储不同语言的ui文本的最佳实践是什么?我目前正在考虑这两个

  • 将文本存储在ui代码中,作为对象变量或数组,用于多种语言
    这样,我担心它可能会将文本分散在许多文件中,并可能使站点加载缓慢,因为所有文本都包含在代码
  • 存储在服务器目录中的静态JSON文件
    这种方式我担心许多组件请求他们的文本,它会在每个页面上缓慢加载文本。我可能会让它一次获取所有组件,但这会严重阻碍模块化。

为多个本地化react应用程序实现文本存储的最佳实践是什么?

首先,你需要使用npm packagesi18next react-i18next

这里有一个很好的教程如何做

https://www.mindbowser.com/adding-multi-language-support-using-reactjs/

你应该保存为本地Json,不需要从服务器提供静态翻译。

相关内容

  • 没有找到相关文章

最新更新