ReactLynxUse v0.1.3
  • 简体中文

      • useMountedState

      致谢： Re-export from react-use

      注意！：尽管名称中包含 State，但此 Hook 不会导致组件重新渲染。
      此组件旨在用于避免在已卸载的组件上更新状态。

      生命周期 Hook，提供检查组件挂载状态的能力。
      返回一个函数，如果组件已挂载则返回 true，否则返回 false。

      示例

      import { useEffect } from "@lynx-js/react";
import { useMountedState } from "@lynx-js/react-use";

const Demo = () => {
  const isMounted = useMountedState();

  useEffect(() => {
    setTimeout(() => {
      if (isMounted()) {
        // ...
      } else {
        // ...
      }
    }, 1000);
  });
};

      类型定义

      function useMountedState(): () => boolean;