在更改react导航参数时阻止导航

import { Prompt } from 'react-router-dom';

function MyComponent() {
  return (
    <div>
      <Prompt
        when={true} // 设置为true以启用Prompt组件
        message="确定要离开当前页面吗？" // 提示消息
      />
      {/* 其他组件内容 */}
    </div>
  );
}

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  const handleNavigation = () => {
    // 判断是否需要阻止导航
    if (shouldBlockNavigation()) {
      // 阻止导航
      history.block('确定要离开当前页面吗？');
    }
  };

  return (
    <div>
      <button onClick={handleNavigation}>更改导航参数</button>
      {/* 其他组件内容 */}
    </div>
  );
}