序言路由器的自动跳转阻拦

lxf2023-04-04 19:29:01

序言

路由器的自动跳转阻拦,在一些表格页中非常比较常见。情景:消费者键入了一些信息后但未提交,为了避免客户误点一下某一跳转链接造成应填的数据表信息内容遗失,自动跳转之前都会弹出一个提醒,如 “信息内容未提交,请确定是否离去” 等字样。

事情的经过

react-router v6 之前就有提供一个 <Prompt /> 部件来阻拦路由器的自动跳转。但在 v6 中但不适用此功能了!小区一片哀嚎,核查在 v6 试验过程是有这样功能性的,但 v6.0.0 beta-7 中删掉了此功能。在这样一个 issue 连接 中每个人强烈建议必须此功能,但官方回应会不久的将来加上,有需求的能够返回到 v5,基本上所有人表明