在 ReactJS 中实现多语言支持

Question

我正在构建一个小型电子商务解决方案，使用 moltin API 作为后端，使用 ReactJS 作为前端。我已经完成了我的申请，我想使用西班牙语。用户应该能够单击西班牙国旗，网站（所有组件）将立即被翻译成西班牙文。

我尝试了很多 npm 包，但 none 有效 - 我不使用 Redux，我只有一堆 ReactJS 组件、布局文件和路由。我已经看到了一些关于如何在只有一个组件时完成此操作的示例，但我仍然不知道如何更改不同组件中的语言。

我也在用react-router

Answer 1

我最终使用了 react-x18n npm 包。它易于使用并解决了所有翻译问题。一旦触发点击功能，切换语言，一秒翻译所有组件！