javascript - React中异步anchor的onClick事件

Question

我正在尝试跟踪 React 中的 anchor 标记 ( <a> ) 点击(即在导航发生之前向我的服务器发送 POST 请求)。

我的代码目前如下所示:

<a 
  href="http://example.com"
  onClick={() => axios.post('http://my-server.com', { value: 'Hello' })}
>
  Click Me!
</a>

但问题是因为POST请求是异步的，“href 事件”发生在请求完成之前，因此请求被取消。

那么如何在导航发生之前执行异步事件呢？

Answer 1

如果您正在寻找跟踪 anchor ，您可以使用 ping属性来这样做。检查this 。

<a href="/stackoverflow" ping="/tracker/going-to-stackoverflow">click>

请注意，并非所有浏览器都支持此功能。