如何防止一次点击事件触发两个相同的useState钩子

const [count, setCount] = useState(0);

const handleClick = () => {
  setCount(prevCount => prevCount + 1);
};

const isClickedRef = useRef(false);

const handleClick = () => {
  if (!isClickedRef.current) {
    // 执行点击事件逻辑
    isClickedRef.current = true;
  }
};

const [isClicked, setIsClicked] = useState(false);

const handleClick = () => {
  if (!isClicked) {
    // 执行点击事件逻辑
    setIsClicked(true);
  }
};