Событие клика не работает после прокрутки страницы в 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>