Reactjs 即使在react中刷新页面后,如何保持用户登录?

Reactjs 即使在react中刷新页面后,如何保持用户登录?,reactjs,authentication,session,Reactjs,Authentication,Session,我有一个有效的登录页面,但是,一旦我登录并重定向到下一个页面,如果我刷新,我将被踢出并再次重定向到登录页面。如何防止这种情况发生?即使刷新后,我如何保持登录状态 handleSubmit(values, { resetForm, setStatus, setSubmitting, props }) { let username = values.username; let password = values.password; fetch("http://localho

我有一个有效的登录页面,但是,一旦我登录并重定向到下一个页面,如果我刷新,我将被踢出并再次重定向到登录页面。如何防止这种情况发生?即使刷新后,我如何保持登录状态

handleSubmit(values, { resetForm, setStatus, setSubmitting, props }) {
    let username = values.username;
    let password = values.password;

    fetch("http://localhost:5000/users/login", {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify({
        username: username,
        password: password
      })
    })
      .then(res => {
        if (res.status === 404) {
          setStatus({ username: "This username has not been registered." });
        } else if (res.status === 401) {
          setStatus({ password: "Incorrect password." });
        } else {
          res.json();
          auth.login(() => {
            props.history.push("/portal");
          });
        }
      })
      .then(data => console.log(data))
      .catch(err => console.log(err));

    resetForm();
    setSubmitting(false);
  }

您可以为此使用异步存储,它将在重新加载页面时保持用户登录

您可以在此处查看有关如何使用异步存储的更多详细信息和理解

auth.login()函数的作用是什么?使用JWT和localStorage如何?这里有一个很好的例子:您需要设置一个cookie来保持用户登录。在服务器端执行此操作。当用户登录时,是否从api返回jsonwebtoken?问题是,他们是否使用react native还不清楚。在回答之前,请考虑更多细节。