如何正确使用后退按钮？

Question

我的应用程序中的后退按钮有问题。我的意思是我正在使用react-router-last-location来了解我的最后一页：

const backUrl = this.props.lastLocation ? this.props.lastLocation.pathname : MAIN_PAGE;

问题是：

例如从主页“/”我点击“卡”，我的路线改为“/卡”，然后我点击任意卡，我的路线改为“/ card / 64531”，然后我点击信息标签，我的路线改变了到“/ card / 64531 / info”。如果我尝试使用最后一页的后退按钮（“/ card / 64531 / info”），我的路线将更改为“/ card / 64531”。然后，如果我尝试使用后退按钮，我的路线将更改为“/ card / 64531 / info”，这将改变一个圆圈。怎么解决？

Answer 1

从头顶开始，我将实现一个LIFO（后进先出）堆栈，您可以将每个URL更改推送到该堆栈，然后在每个后退按钮上取出最后一个元素。

只需确保您没有添加由后退按钮触发的堆栈网址。