单页应用程序的浏览器后退/前进？

Question

我正在开发单页应用程序 (SPA)。因此，为了维护浏览器的向后和转发功能，我使用 htmlPushState 和 window.onpop 传递参数来更改 css 并从后端调用 rest APIS。

所以目前我的项目在 SPA 下有 5 个页面，但我有点担心可扩展性。

如果项目规模扩大，管理后退/前进浏览器点击会很困难吗？

是否有任何最佳做法可以遵循？ htmlPushState 是一个值得遵循的好习惯吗？

PS：我在前端使用 reactjs（有什么方法可以使用 reactjs 来处理浏览器的来回处理？）

Answer 1

由于您在标签中提到了 reactjs，我强烈建议您使用支持 HTML5 历史 API 的 React Router。 React Router 本质上是history 包的包装器，因此您也可以根据需要使用它。

React Router 是最具可扩展性的解决方案之一，它在面向企业和消费者的网站中运行良好。

Answer 2

React Router 是React 的完整路由库。它有一个简单的 API，具有强大的功能，例如内置的延迟代码加载、动态路由匹配和位置转换处理。