Javascript 如何在导航到其他页面之前执行onclick？

我在React工作，我有以下场景

  <a href={link} variant="primary" onClick={this.onClickDoSomething}>
                          here.
  </a>

现在，我希望在单击链接之前执行onclick。然而，我没有看到它发生

如何解决这个问题？谢谢。

注意，

onclick（）

将在页面重定向之前触发。您可能希望在

onclick

函数中处理导航，而不是使用

href

属性。通过这种方式，您可以有条件地重定向（如果需要）和/或等待一些异步代码完成

onClick=url=>{
警惕（“做某事”）；
window.location.href=url；
}

注意

onclick（）

将在页面重定向之前触发。您可能希望在

onclick

函数中处理导航，而不是使用

href

属性。通过这种方式，您可以有条件地重定向（如果需要）和/或等待一些异步代码完成

onClick=url=>{
警惕（“做某事”）；
window.location.href=url；
}

---

您的单击处理程序应该是这样的

onClickDoSomething=(link)=>{
//do something,then redirect to given link
window.location.href=link

}

您应该将链接渲染为

<a  variant="primary" onClick={()=>{this.onClickDoSomething(link)}}>
                      here.
</a>

{this.onClickDoSomething（link）}>
在这里

您的单击处理程序应该是这样的

onClickDoSomething=(link)=>{
//do something,then redirect to given link
window.location.href=link

}

您应该将链接渲染为

<a  variant="primary" onClick={()=>{this.onClickDoSomething(link)}}>
                      here.
</a>

{this.onClickDoSomething（link）}>
在这里

首先建议使用react路由器 但如果链接是外部的，那么另一种方法是keep href=“#”并在onclickHandler的末尾编写onclickHandler函数onclickHandler just use window.location=[link]

你想参观吗

---

希望对您有所帮助，首先建议您使用react路由器 但如果链接是外部的，那么另一种方法是keep href=“#”并在onclickHandler的末尾编写onclickHandler函数onclickHandler just use window.location=[link]

你想参观吗

---

希望它有助于

从href中删除链接，并在将页面重定向到给定链接后第一次处理onclick事件onclick应该触发，我猜这更像是onclick在做什么。从href中删除链接，并在将页面重定向到给定链接后第一次处理onclick事件onclick应该触发，我猜这更像是onclick在做什么的问题。谢谢，但是这里没有“显示”可点击的用途？如果您想更新我的答案，您可以输入属性

href='#'

来获取样式，还为您提供了一个React示例谢谢，但此处不“显示”可单击使用？如果您希望更新我的答案，您可以输入属性

href='#'

以获取样式，还为您提供了一个React示例