如何防止div在使用react的一次单击后增加向上投票的值

import React, { useState } from 'react';

const VoteComponent = () => {
  const [voteCount, setVoteCount] = useState(0);
  const [hasVoted, setHasVoted] = useState(false);

  const handleVoteClick = () => {
    if (hasVoted) {
      // 已经投票过，不执行任何操作或给出提示信息
      return;
    }

    // 更新投票值的状态变量
    setVoteCount(voteCount + 1);
    // 更新投票状态为已投票
    setHasVoted(true);

    // 执行其他相应的逻辑，例如向上投票的值加1
    // ...
  };

  return (
    <div onClick={handleVoteClick}>
      Vote Count: {voteCount}
    </div>
  );
};

export default VoteComponent;