Javascript 在HandleSubmit后使用React重定向路由器

Javascript 在HandleSubmit后使用React重定向路由器,javascript,reactjs,Javascript,Reactjs,事实上,在验证登录表单之后,我需要有关重定向的帮助 我通过发布电子邮件和密码,通过http://localhost:5000/API/v1/users/login上的API查询数据库,它返回一个令牌,我将该令牌放入我的globalState用户中: 我确信安全级别等。。。虽然不太好,但我正在尝试学习React+API服务器和身份验证。 在我的代码中,我突然这样做: export default function SignIn() { const { addUser,error, user

事实上,在验证登录表单之后,我需要有关重定向的帮助 我通过发布电子邮件和密码,通过http://localhost:5000/API/v1/users/login上的API查询数据库,它返回一个令牌,我将该令牌放入我的globalState用户中: 我确信安全级别等。。。虽然不太好,但我正在尝试学习React+API服务器和身份验证。 在我的代码中,我突然这样做:

export default function SignIn() {
    const { addUser,error, users } = useContext(GlobalContext);
    const classes = useStyles();
    let emailInput
    let passwordInput
    const handleSubmit = (e) => {
        e.preventDefault();
        console.log(emailInput)
        console.log(passwordInput)
        const newUser = {
          email: emailInput,
          password: passwordInput
        }
        console.log(newUser)
        addUser(newUser)
        if(users!=[]){
          return <Redirect to={"/"}/>
        }
      }
导出默认函数SignIn(){
const{addUser,error,users}=useContext(GlobalContext);
const classes=useStyles();
让电子邮件输入
让密码输入
常量handleSubmit=(e)=>{
e、 预防默认值();
console.log(emailInput)
console.log(密码输入)
常量newUser={
电子邮件:emailInput,
密码:passwordInput
}
console.log(newUser)
addUser(newUser)
如果(用户!=[]){
返回
}
}
我希望,如果我的令牌在用户表中,我将被重定向到主页 谢谢。

在重定向中使用对象表示法 如果您想将一些数据传递到路由或重定向,可以这样做

<Redirect
  to={{
    pathname: "/",
    state: { user: newUser }
  }}
/>


这会将用户数据传递到您要访问的页面,并将其放入道具中。

您想通过重定向传递数据吗?不,我只想进入主页(组件)事实上,我到达了登录页面,在我想要进入主页之后,仅仅返回
组件而不渲染它将不会起任何作用。我非常感谢您,但我不会更改页面重定向组件来自
导入{Redirect}来自“react router dom”;