Preact Router 不会替换历史记录

Question

在我的应用程序中，我创建了分页，每次点击 link 它都会调用路由方法。我在 link.

的 onClick 中调用这样的方法

route(`users/${activePage}/per_page/${per_page}`,true)

第一次点击它表现良好，它取代了历史记录，但下一次点击它附加了历史记录，所以如果它 users/2/per_page/5 之前将被附加 /users/2/per_page/users/3/per_page/3。我做错了什么？

Answer 1

在您的 onClick 处理程序中，return false 或调用 event.stopPropagation(),event.preventDefault():

<a href="/page/2" onClick={e => {
  route('/blah', true);
  e.stopPropagation();
  e.preventDefault();
}}>2</a>

FWIW，用这种行为覆盖链接通常被认为对 UX/accessibility 不利。

Preact Router not replacing history