javascript - Nextjs Router.push 与 href

Question

对于点击时路由到某个页面，我可以通过两种方式实现

import Router from 'next/router'  

<button onClick={() => Router.push('/about')}>
    <a>Go to About</a>
</button>

还有

 <button>
     <a href="/about">Go to About</a>
 </button>

哪一种是 Nextjs 中的最佳实践？

Answer 1

a里面的标签button语义html中不允许，两者都是交互元素。

对于链接，Next 提供 Link component接受 a标记为 child 。 对于按钮，请使用 <button onClick={() => Router.push('/about')}>text</button>没有a .