如何正确使用后退按钮?

时间:2018-03-01 19:56:39

标签: javascript reactjs react-router

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

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

问题是:

e.g。从主页“/”我点击“卡”,我的路线改为“/卡”,然后我点击任意卡,我的路线改为“/ card / 64531”,然后我点击信息标签,我的路线改变了到“/ card / 64531 / info”。 如果我尝试使用最后一页的后退按钮(“/ card / 64531 / info”),我的路线将更改为“/ card / 64531”。然后,如果我尝试使用后退按钮,我的路线将更改为“/ card / 64531 / info”,这将改变一个圆圈。如何解决?

1 个答案:

答案 0 :(得分:2)

从我的头脑中,我将实现一个LIFO(Last In Frist Out)堆栈,在那里你将每个url更改推送到该堆栈,然后在每次按下后按钮时取出它的最后一个元素。

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