使用React提交表单后如何重定向用户

时间:2019-10-24 22:14:11

标签: javascript reactjs redux react-redux react-router

我正在学习React。我有一个表单(“ / login”)的登录页面,提交成功后,我要将用户重定向到域的根路径(“ /”)。我正在使用Redux,看起来工作正常。我的代码是:

pyinstaller

问题是const handleSubmit = (e) => { e.preventDefault() setSubmitBtn(true) setTimeout(async (e) => { const { data } = await axios.post( axiosURL + '/login', inputs) dispatch({ type: 'LOGIN' }) history.push("/") setReturnMessage(data.message) setSubmitBtn(false) }, 1000) } 无法正常工作,并显示以下错误消息:

history.push("/")

有人知道如何解决吗?谢谢!

1 个答案:

答案 0 :(得分:1)

问题是您在history.push("/")之后执行此操作:

setReturnMessage(data.message) 
setSubmitBtn(false)

注释这些行,错误应该消失。

您也可以这样做:

setReturnMessage(data.message)
setSubmitBtn(false)
history.push("/")  <--- as the last line of code