React 路由器 v6 不支持 <Prompt /> 或 usePrompt答案

【问题标题】：React router v6 doesn't support <Prompt /> or usePromptReact 路由器 v6 不支持 <Prompt /> 或 usePrompt
【发布时间】：2022-01-07 05:43:25
【问题描述】：

将代码库迁移到 react-router v6 特别是 v6.2.1 并在尝试使用 <Prompt /> 组件或 usePrompt 时遇到一些问题，结果证明它们在这个版本的 react-router 中不可用。还是我错了？如果有人遇到过同样的问题，或者如果您知道解决此问题的方法，我们将不胜感激。

【问题讨论】：

目前不包括在内，但我相信有计划稍后重新引入。
检查这个：stackoverflow.com/questions/62792342/…

标签： reactjs react-router

【解决方案1】：

Prompt is currently not supported in v6

您必须创建自己的组件来执行检查并显示提示。

【讨论】：

是的，除了实现我们自己的逻辑之外，现在似乎没有办法解决它

【解决方案2】：

正如文档中所说：

v5 中的<Prompt>（以及 v6 测试版中的 usePrompt 和 useBlocker）不包含在当前发布的 v6 版本中。我们决定我们宁愿发布我们拥有的东西，也不愿花更多的时间来确定一个尚未完全成熟的功能。我们绝对会在不久的将来的某个时候将其重新添加到 v6 中，但不是为了我们的第一个稳定版本 6.x。

所以你有两个选择：

创建您自己的组件并在那里处理逻辑。
将react-router-dom 降级到 v5。

来源：https://reactrouter.com/docs/en/v6/upgrading/v5#prompt-is-not-currently-supported

【讨论】：