路由器无法替换历史记录

Question

在我的应用程序中，我创建了分页，每单击一次链接，它就会调用route方法。我在链接的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处理程序中，返回false或致电event.stopPropagation(),event.preventDefault()：

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

FWIW，具有这种行为的超链接通常被认为对UX /可访问性不利。