React中阻止按钮点击触发href打开新页面的实现方法

<div>
  <a href="http://web address/php/navpoi1.php" target="_blank" rel="noopener noreferrer">
    <Button onClick={(e) => {
      e.stopPropagation();
      e.preventDefault();
      // 可在此添加自定义点击逻辑
    }}>Nav to POI1</Button>
  </a>
</div>

<div>
  <a 
    href="http://web address/php/navpoi1.php" 
    target="_blank" 
    rel="noopener noreferrer"
    onClick={(e) => e.preventDefault()}
  >
    <Button>Nav to POI1</Button>
  </a>
</div>

<div>
  <Button onClick={() => {
    // 自定义点击逻辑示例：
    // window.open('http://web address/php/navpoi1.php', '_blank', 'noopener noreferrer');
  }}>Nav to POI1</Button>
</div>