React useEffect 不会在重定向时触发

Question

我有一个名为登录的功能，如果一切正常，它会将用户重定向到主页。然后，在主页上，我想使用用户登录时存储的令牌使用 useEffect 获取一些用户信息，但没有任何反应。只有当我刷新页面时，我才能得到数据。

登录功能

export const login = ({ email, password, history }) => {
  return async (dispatch) => {
    try {
      const response = await fetch("http://localhost:5000/api/login", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          email,
          password,
        }),
      });

      const data = await response.json();

      if (data.status === 200) {
        localStorage.setItem("userToken", data.user);
        history.push("/");
      } else {
        dispatch(
          setNotification({
            variant: "error",
            message: data.message,
          })
        );
      }
    } catch (e) {
      console.log(e.message);
    }
  };
};

获取用户函数

export const fetchUser = () => {
  return async (dispatch) => {
    try {
      const response = await fetch("http://localhost:5000/userInfo", {
        headers: {
          "x-access-token": localStorage.getItem("userToken"),
        },
      });

      const data = await response.json();
      dispatch(setUser({
        id: data.id,
        fullname: data.fullname,
        email: data.email
      }))
    } catch (error) {}
  };
};

在我的主页上使用效果

useEffect(() => {
     dispatch(fetchUser()); 
  }, []);

后端功能

module.exports.getCurrentUser = async (req, res) => {
  const token = req.headers["x-access-token"];
  try {
    const verifyToken = jwt.verify(token, "123");
    const user = await User.findOne({ email: verifyToken.email });
    return res.json({
      id: user._id,
      fullname: user.fullname,
      email: user.email
    })
  
  } catch (error) {}
};

Answer 1

useEffect 的第二个参数告诉它何时需要运行。它仅在数组中的值之一发生更改时运行。由于您传递了一个空数组，因此其中的任何值都没有改变。

这是假设您的应用程序可能从“/”开始，然后检测到没有用户因此切换到登录屏幕。当它返回到根时，只有在数组中的某些内容与之前的渲染相比发生了变化时，它才会执行useEffect。

事实上，isMounted 没有多大意义。这可能只是：

useEffect(() => {
      dispatch(fetchUser());
  });

Answer 2

您正在调用setUser，但是什么在调用您的登录函数？