使用React限制地图上的点击量

import React, { useState } from 'react';

const MapComponent = () => {
  const [clickCount, setClickCount] = useState(0);
  const maxClicks = 5;

  const handleClick = () => {
    if (clickCount < maxClicks) {
      setClickCount(clickCount + 1);
      console.log('Map clicked');
    } else {
      console.log('Maximum clicks reached');
    }
  };

  return (
    <div onClick={handleClick} style={{ width: '100%', height: '400px', border: '1px solid black' }}>
      <p>Clicks: {clickCount}</p>
    </div>
  );
};

export default MapComponent;