React Router v4:防止向后导航

时间:2018-10-15 09:03:11

标签: reactjs react-router

我正在构建此应用,用户可以在其中预订约会。这是一个多步骤的过程,因此用户可以沿某些路线进行选择,将其称为“ / route1”,“ / route2”,“ route3”,并在预订完成后最终导航至“ /确认”路线,查看预订的所有详细信息。

如果用户在此阶段按浏览器上的“后退”按钮,我想将其重定向到索引页面,或者首先显示一条确认消息,告诉他们此时无法返回,以及是否仍然想要,他们将导航到索引页面。

我看到react-router有一个Prompt组件,但是我无法将其配置为导航到某个路径。它仅允许用户停留或继续导航。

有关如何处理这种情况的任何提示?

1 个答案:

答案 0 :(得分:0)

反应提示具有“何时”参数,使“提示”操作有条件。您可以在状态下设置布尔值(如果为true-提示活动),类似这样

<a href="/images/myw3schoolsimage.jpg" download="w3logo">

并在某些处理程序中更改此状态。