如果你想阻止用户离开一个页面，你可以使用<Prompt />，它与react-router一起提供。
检查react-router -的文档
https://reacttraining.com/react-router/web/example/preventing-transitions

您可以采用不同的方法，使用Route呈现方法而不是中间件。
您可以创建shouldRender函数，并在切换到其他页面之前对其进行检查。
第一个

我最终使用了react-router-navigation-prompt，因为我需要对<Prompt/>进行样式化。
然而，这并没有回答我关于redux中间件解决方案的问题。

试着回应一个承诺：

middleware.push(routeIntrerceptor);
    
.....

const routeIntrerceptor = ({dispatch, getState}) => next => action => {
  const state = getState();
  const location = state.router.location.pathname;

  if (action.type === '@@router/LOCATION_CHANGE' && location.includes('play')) {
    dispatch({ type: 'SET_DIALOG_TOGGLE' });
    return Promise.resolve();
  }
  next(action);
};

export default routeIntrerceptor;