如何通过在react中指定坐标位置(x，y)来触发点击事件？

import React, { useState } from 'react';

function MyComponent() {
  const [position, setPosition] = useState({ x: 0, y: 0 });

  // 其他代码...

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [position, setPosition] = useState({ x: 0, y: 0 });

  const handleMouseMove = (event) => {
    setPosition({ x: event.clientX, y: event.clientY });
  };

  return (
    <div onMouseMove={handleMouseMove}>
      {/* 组件内容 */}
    </div>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [position, setPosition] = useState({ x: 0, y: 0 });

  const handleMouseMove = (event) => {
    setPosition({ x: event.clientX, y: event.clientY });
  };

  const handleClick = () => {
    if (position.x === specifiedX && position.y === specifiedY) {
      // 执行点击事件的逻辑
    }
  };

  return (
    <div onMouseMove={handleMouseMove} onClick={handleClick}>
      {/* 组件内容 */}
    </div>
  );
}