如何处理a元素中的onClick

const link = document.querySelector('a');
link.addEventListener('click', function(event) {
  event.preventDefault(); // 阻止默认行为，如页面跳转
  // 执行点击事件的处理逻辑
});

$('a').click(function(event) {
  event.preventDefault(); // 阻止默认行为，如页面跳转
  // 执行点击事件的处理逻辑
});

function handleClick(event) {
  event.preventDefault(); // 阻止默认行为，如页面跳转
  // 执行点击事件的处理逻辑
}

function MyComponent() {
  return (
    <a href="#" onClick={handleClick}>
      Click me
    </a>
  );
}