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 塊中。