小编Nic*_*ick的帖子

语境

我正在使用 Next.js 13。我正在使用 apollo 客户端来存储一些客户端变量。

我正在尝试做什么

我试图在导航到 href 位置之前执行 onClick 函数。

我的代码

<Link
      href={`/session/${session.id}`}
      onClick={() => {            
        updateDialogVars({
          dialogOpen: ATTENDANCE_DIALOG,
        })
      }}
    >
    <div>
      stuff
    </div>
</Link>

updateDialogVars 是一个突变，更新 apollo 客户端中的反应变量。

问题

是否可以使用 Next.js Link 组件并在使用 href 进行路由之前执行 onClick 事件？在 onClick 函数执行后，将 Link 更改为 div 并使用下一个路由器来推送路由更改的唯一选项是？