我正在建立一个react网站,它有多个本地化。存储不同语言的ui文本的最佳实践是什么?我目前正在考虑这两个
- 将文本存储在ui代码中,作为对象变量或数组,用于多种语言
这样,我担心它可能会将文本分散在许多文件中,并可能使站点加载缓慢,因为所有文本都包含在代码 中 - 存储在服务器目录中的静态JSON文件
这种方式我担心许多组件请求他们的文本,它会在每个页面上缓慢加载文本。我可能会让它一次获取所有组件,但这会严重阻碍模块化。
为多个本地化react应用程序实现文本存储的最佳实践是什么?
首先,你需要使用npm packagesi18next react-i18next
这里有一个很好的教程如何做
https://www.mindbowser.com/adding-multi-language-support-using-reactjs/
你应该保存为本地Json,不需要从服务器提供静态翻译。