javascript - 关闭选项卡时不调用useEffect清理函数

Question

我有这个仅用于清洁的 useEffect:

  useEffect(() => {
    return function cleanup() {
      if (!room || !currentPortal) return;
      leavePortal(
        room,
        currentPortal,
        currentUserProfile && currentUserProfile.uid
          ? currentUserProfile.uid
          : uniqueId
      );
      detachListener();
    };
  }, [isFirstLoad, currentUserProfile, currentPortal]);

我可以来回走动，它工作得很好，但如果选项卡关闭，什么也不做。这就是 useEffect 的工作原理吗？它没有检测到标签关闭吗？

Answer 1

useEffect默认情况下不会检测标签关闭。

但是，您可以自己实现:

useEffect(() => {
  const cleanup = () => {
    // do your cleanup
  }

  window.addEventListener('beforeunload', cleanup);

  return () => {
    window.removeEventListener('beforeunload', cleanup);
  }
}, []);