reactjs - 如何在反应路由器 v5 中监听路由变化？

Question

如果未保存文档，当我尝试转到另一个页面或端点时，我需要发出警告

标签： reactjsreact-router

Answer 1

有一种声明性方法可以防止使用<Prompt>组件进行导航。

<Prompt
  when={isBlocking}
  message={location =>
    `Are you sure you want to go to ${location.pathname}`
  }
/>

isBlocking通常来自需要有条件渲染的组件的状态。

您可以在此处查看一个工作示例。