使用reactjs在Safari浏览器中滚动页面后，单击事件不起作用

Question

当我单击链接时，它将滚动到页面，而不是触发实际的onClick事件并打开另一个页面...

我的ReactJs代码：

  <a
    href={HELP_URL}
    className={s.supportLink}
    target="_blank"
    rel="noopener noreferrer"
    onClick={() => handleFAQClick({ onPageStepChange, location })}
  >
    FAQs
  </a>

它应按照“ href”中提到的链接在新标签页中打开新页面。

Answer 1

将event.preventDefault()添加到您的JavaScript代码中。

尝试这样的事情：

function handleFAQClick() {
  event.preventDefault(); //<-- If you remove this, your link will try to send you to another page by default.

  //Your code...
  //E.g. alert:
  alert("It works!");
}

<a href="" className="" target="_blank" rel="noopener noreferrer" onClick="handleFAQClick()">
  FAQs
</a>