BrowserRouter结合Prompt阻断页面？

Question

代码是这样的，现在离开页面时，modal框可以显示，但是并没有起到阻断页面的效果？想要这个样式的modal框同时可以阻断页面怎么改呢？

  const getConfirmation=(message, callback)=> { 
    Modal.confirm({
        title: '离开该页面，表单信息将不被保留？是否确定离开该页面？',
        content: '',
        okText: '离开',
        cancelText: '取消',
        onOk() {
            callback(true);
        },
        onCancel() {
            callback(false);
        },
    });
}
<BrowserRouter
        getUserConfirmation={getConfirmation}
      >
        <Prompt
          // when={isPrompting}
          message={location =>
            `当前页面已经发生更改没有保存是否确认离开页面?`
          }
        />
</BrowserRouter>

Answer 1

等待大神解答