使用反应路由器的链接编码Uri无法正常工作

Question

我想使用react-routing-dom的链接标记对uri进行编码，但是当我使用javascript encodeURIComponent对uri进行编码时，它不会在地址栏（url bar）中显示编码的uri，尽管我在悬停时看到uri编码。 / p>

<Link key={i}  to={encodeURIComponent(item.url)}> {item.text}</Link>  

我是什么东西或uri在反应路由器dom内被解码。

Answer 1

反应路由器dom中的链接解码uri，同时将其推送到历史记录 任何人都可以在github和相关问题中阅读此问题 路径在createLocation＃505中解码
https://github.com/ReactTraining/history/issues/505

我通过对uri进行双重编码来解决这个问题，以便在推送历史记录时对其进行一次解码        encodeURIComponent方法（encodeURIComponent方法（item.url））
到目前为止，我还没有发现任何副作用....希望这有助于任何人面对这个问题。