盖茨比按钮 onClick 使用链接功能

Question

我想在按钮内使用 Gatsby 的链接功能。我这样做是因为我可以更轻松地将按钮格式化为我想要的样子，而不是弄乱链接格式。

这是我的旧代码

import { Link } from "gatsby"
<button>
    <Link to="/event-details">Details</Link>
</button>

这就是我正在努力工作的内容。

import { Link } from "gatsby"
<button onClick:'Link to = /page'>Page button</button>

Answer 1

进口 navigate

import { navigate } from "gatsby"

然后在你的按钮中

<button onClick={()=>{navigate("/page")}}>Page button</button>