如何在 NextJS 中发送客户端事件答案

【问题标题】：How can I send client side events in NextJS如何在 NextJS 中发送客户端事件
【发布时间】：2021-12-15 17:24:23
【问题描述】：

我需要在 Next.js 中制作的应用程序中向客户端发生的谷歌分析发送一个事件，我尝试按如下方式执行此操作，但我无法访问 useEffect 中的 const handleUserClick。

  useEffect(() => {
    const handleUserClick = () => {
      sendEvent(eventTag)
    };
  }, []);

return ( ...
  <a rel="noopener noreferrer" onClick={() => handleUserClick()}>

在 SSR 网站上发送事件的最佳方式是什么？如果这是最好的方法，我怎样才能访问handleUserClick？

【问题讨论】：

没有必要把handleUserClick放在useEffect钩子里面。
@ManasKhandelwal 但我的事件应该只在点击后发送。我该怎么做？
声明一个函数不会调用它。您必须调用一个函数，即handleUserClick()，它才能运行。

标签： javascript reactjs next.js

【解决方案1】：

无需将handleUserClick 放入useEffect 挂钩中。你可以简单地做这样的事情：

const handleUserClick = () => {
  sendEvent(eventTag)
};

return ( ...
  <a rel="noopener noreferrer" onClick={handleUserClick}>

【讨论】：