如何防止onBlur在react中点击模式的Cancel链接时触发？

function handleCancelClick(event) {
  event.stopPropagation();
  // 其他处理逻辑
}

function MyComponent() {
  return (
    <div onBlur={handleBlur}>
      <input />
      <a href="#" onClick={handleCancelClick}>Cancel</a>
    </div>
  );
}

function MyComponent() {
  const [shouldTriggerBlur, setShouldTriggerBlur] = useState(true);

  function handleBlur() {
    if (shouldTriggerBlur) {
      // 处理onBlur事件
    }
  }

  function handleCancelClick() {
    setShouldTriggerBlur(false);
    // 其他处理逻辑
  }

  return (
    <div onBlur={handleBlur}>
      <input />
      <a href="#" onClick={handleCancelClick}>Cancel</a>
    </div>
  );
}