Javascript 回调未按预期工作

Question

我试图确保checkteamexists仅在checklogin执行后才执行。 但是， checkteamexists在checklogin之后仍然起作用。

您可以将teamhome1_message和teamhome2_message想象为警报对话框。 他们弹出一条消息并没有返回任何内容。

function pushhistory(url, callback) {
  history.push(url);
  callback();
}

function checklogin(callback) {
  if (!state.user.authenticated) {
    pushhistory("/accounts/login", function() {
      teamhome2_message()
    });
  }
  callback();
}

function checkteamexists(teamname) {
  if (teamname.toString().toLowerCase() == "team1") {
    teamid = 1;
  }
  else {
    pushhistory("/", function() {
      teamhome1_message()
    });
  }
}

useEffect(() => {
  checklogin(function() {
    checkteamexists(teamname);
  })
}, []);

checklogin工作，因为 URL 变成/accounts/login并提示teamhome2_message 。 但是，即使我不希望它出现， teamhome1_message仍然出现。

我尝试在useEffect挂钩（特定于 React）中指定回调，但回调似乎也不起作用。 谁能指出问题？

提前致谢。

Answer 1

@p2pdops 有正确的解决方案：将callback function 放在 else 块中。