DEV Community
·
🌍 轻松实现多语言React：Next.js中的德语和西班牙语支持 🇩🇪🇪🇸
💡
原文英文，约100词，阅读约需1分钟。
📝
内容提要
在Next.js中，使用Axios动态获取内容，并通过Redux Toolkit存储翻译。语言切换器可保存用户偏好，用户可无缝切换德语和西班牙语，无需重新加载。
🎯
关键要点
- 在React中手动处理翻译很麻烦。
- 提供了一种无缝切换语言的方法。
- 使用Axios动态获取页面内容，带有语言头信息。
- 使用Redux Toolkit存储键值翻译（如按钮文本、导航标签）。
- 创建了一个语言切换器，能够在会话间保存用户偏好。
- 用户可以即时在德语和西班牙语之间切换，无需重新加载。
➡️
