javascript - JavaScript 中的高级路由

Question

我正在寻找 JavaScript 中的高级路由解决方案。我画了下图:

假设用户在应用程序中选择以下路径:

A -> B -> E -> F

在 javascript 中返回很容易，我使用这行代码

window.history.back();

这条路会是这样的:

F -> E -> B -> A

现在我正在寻找一种解决方案，用户可以通过单击从 F 导航到 B。

F -> B

我们可以硬编码一个带有路由器链接的按钮，但这必须是动态，因为我们有 3 个不同的页面。我见过很多解决方案和框架，但大多数都已经过时了。

我怎样才能从路由中获取状态，以便用户可以一键进入特定页面？

Answer 1

用 React

您可以使用 React-Router ，这个库有一个函数可以转到特别是页面 history.go(n) 或者如果你想使用堆栈导航 history.goBack() 。

使用 Javascript DOM API

历史界面有类似的功能，如果你想具体导航到，你可以使用window.history.go(n)