useMountedState

檢查組件的掛載狀態

Usage

即時編輯器

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

  const [, update] = useState(0);
  useEffect(() => {
    update(1);
  }, []);
  return <div>This component is {isMounted() ? "MOUNTED" : "NOT MOUNTED"}</div>;
};

結果

Loading...

API

useMountedState

Returns

() => boolean: 組件的挂載狀態

Arguments