用 Next.js 链接组件替换内部 Wordpress 链接

【问题标题】：Replace internal Wordpress links with Next.js Link Component用 Next.js 链接组件替换内部 Wordpress 链接
【发布时间】：2021-11-04 23:10:46
【问题描述】：

我正在使用 Wordpress 作为无头 CMS + GraphQL 开发 Next.js 应用程序。除了我通过 WP API 获得的文章中的内部内容链接外，一切都很清楚。此类链接是普通的<a></a> 并触发浏览器重新加载。有没有办法用Link Component替换它们？

【问题讨论】：

标签： javascript wordpress graphql next.js

【解决方案1】：

我认为你的内容应该包含在你的 Next.js 应用程序中，然后在内容的父元素上，你可以绑定一个 onClick 处理程序来捕获点击链接并使用 router.push 来模拟 <Link> 行为，例如：

<div onClick={e => {
  e.preventDefault();
  if (e.target.href) router.push(e.target.href);
}}>
  internal content with links
</div>

【讨论】：