使用react-router-dom 6 在react中导航

Question

我正在开发一个 React 应用程序，我尝试使用 onSubmit 函数从登录表单导航到应用程序的主屏幕。这是我到目前为止所拥有的。在我的 formik 表单中，我尝试在提交表单时传递电子邮件值。之后，用户被路由到“/dashboard”并最终进入“/dashboard/app”，我试图在控制台中获取记录的电子邮件值。我尝试记录route.params和route.email，但这给出了未定义或错误。

Answer 1

您的意思是向导航添加状态吗？

原来的：

onSubmit: () => {
          navigate('/dashboard', {replace:true, email: values.email})
}

更改为（带状态）：

onSubmit: () => {
          navigate('/dashboard', {replace:true,
                                  state: { 
                                           email:values.email
                                          }
                                   })
}