在使用React和redux-form的情况下,在SubmitSuccess之后重定向可以通过以下步骤实现:
useHistory
钩子函数和useEffect
钩子函数:import { useHistory, useEffect } from 'react';
useHistory
钩子函数来获取history
对象:const history = useHistory();
useEffect
钩子函数来监听SubmitSuccess
事件,并在事件触发时执行重定向操作。在useEffect
函数中,将SubmitSuccess
事件作为依赖项传递给useEffect
,以确保每次SubmitSuccess
事件触发时都会执行重定向操作:useEffect(() => {
if (submitSucceeded) {
history.push('/redirect-path'); // 替换为你想要重定向的路径
}
}, [submitSucceeded, history]);
在上述代码中,submitSucceeded
是redux-form提供的一个属性,表示表单提交成功与否的状态。
<Router>
组件中,以便使用react-router-dom
库提供的路由功能。这样,当表单提交成功后,页面将会自动重定向到指定的路径。
关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,建议你参考腾讯云的官方文档和产品介绍页面,以获取与React和redux-form相关的云计算解决方案和产品信息。
领取专属 10元无门槛券
手把手带您无忧上云