reactjs - 如何刷新 Gatsby 中的当前页面？

Question

我有一个包含指向不同页面的链接的菜单，但是当我单击指向我已经打开的页面的链接时，几乎没有任何反应。我希望页面重新呈现，就像用户从另一个页面单击一样。我试过了

navigate('/temp')
navigate(link, { replace: true })

但它不起作用。

Answer 1

简短的回答是您不能使用 @reach/router 刷新同一页面(来自 React，而 Gatsby 则从中扩展)。这是因为位置相同，因此对于内部路由，没有任何变化，因此不会强制刷新。

实现它的最简单方法是使用老式的 window.location.reload() .这将刷新整个页面，强制再次呈现组件。

可以关注this GitHub thread了解更多信息。如您所见，可以通过潜入 history.pushState 来实现。和其他棘手的方式，但它总是以头痛告终，不推荐这样做，因为这不是 @reach/router 的目的。如果它蓬勃发展，将会有多个警告。

对于页面之间的标准内部导航，请使用 <Link> 组件而不是 navigate .