Redux-表单在onSubmit成功后无法重定向

Redux是一个用于管理JavaScript应用程序状态的可预测的状态容器。它是一个独立于任何特定UI库的状态管理工具，适用于各种类型的应用程序，包括前端开发。

在Redux中，表单在onSubmit成功后无法直接重定向，是因为Redux本身是一个状态管理工具，它通过一个单一的状态树来管理应用的状态，并且所有的状态改变都是通过派发(action dispatch)来触发的。当表单提交成功后，Redux的状态并不知道要进行重定向操作。

为了解决这个问题，有以下两种常见的方法：

1. 使用React Router：React Router是一个用于处理页面导航和路由的库，可以与Redux很好地集成。当表单提交成功后，可以在Redux中派发一个action，并在对应的reducer中更新相应的状态。在提交成功的回调函数中，使用React Router的history对象进行页面重定向。

示例代码：

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

const MyForm = () => {
  const history = useHistory();

  const onSubmit = () => {
    // 提交表单逻辑
    // ...

    // 表单提交成功后重定向到指定页面
    history.push('/success-page');
  }

  return (
    <form onSubmit={onSubmit}>
      {/* 表单内容 */}
    </form>
  );
}

1. 使用window.location进行重定向：在表单提交成功后，直接使用window.location.href或window.location.replace进行页面重定向。这种方法不需要额外引入React Router，但需要注意与Redux的状态管理相结合时可能存在一些问题，如重新加载页面会导致Redux的状态重置等。

示例代码：

const MyForm = () => {
  const onSubmit = () => {
    // 提交表单逻辑
    // ...

    // 表单提交成功后重定向到指定页面
    window.location.href = '/success-page';
    // 或者
    // window.location.replace('/success-page');
  }

  return (
    <form onSubmit={onSubmit}>
      {/* 表单内容 */}
    </form>
  );
}

总结：

• Redux是一个可预测的状态容器，用于管理JavaScript应用程序的状态。
• 表单在Redux中无法直接进行重定向，需要借助其他工具或方法来实现。
• 使用React Router可以与Redux很好地集成，在表单提交成功后使用history.push进行重定向。
• 或者直接使用window.location.href或window.location.replace进行页面重定向，但需要注意可能存在的一些问题。