实现一个useBodyScrollLock ，当出现弹窗时 阻止背景滚动

[Sunny Fu]

[beary]

import { useEffect, useState } from "react";

function useBodyScrollLock() {
  const [isLocked, setIsLocked] = useState(false);

  useEffect(() => {
    const body = document.querySelector("body");

    if (isLocked) {
      body.style.overflow = "hidden";
    } else {
      body.style.overflow = "visible";
    }

    return () => {
      body.style.overflow = "visible";
    };
  }, [isLocked]);

  return [isLocked, setIsLocked];
}

export default useBodyScrollLock;