反应-多语言

Question

我知道有关此主题的问题很多。我自己尝试了几件事，并做了一些研究。

问题：

• 什么是管理翻译的最佳方法？ （我有用于英语和西班牙语的API）
• 如何获得翻译后的路线？ （我正在使用react-router-dom 5）（我也试图用 反应setState，但它不起作用，我的意思是状态发生了变化，但路径却没有。）

这就是我尝试过的：

• 使用React Context来获取我的路线中诸如“ en”或“ es”之类的语言。
• 与React LocalStorage一起使用以保存用户语言偏好。

期望：

• 如果我位于“ example.com/en/posts”路径中，则应该看到英文帖子。现在，如果我单击西班牙语，则在同一路径中，路径应更改为“ example.com/es/publicaciones”，并以西班牙语查看帖子。

<Router>
// Here I have my Links
<Switch>
  <Route path='/about'>
    <About />
  </Route>
  <Route path='/'>
    <Home />
  </Route>
</Switch>
</Router>

任何涵盖此想法的良好参考，都将受到高度赞赏。