我有一个组件可以将查询字符串更改为面向搜索。它看起来基本如下:
export default function Facet({ property, value, label }: Props) {
return (
<Link
to={(location) => ({
...location,
query: {
...location.query,
[property]: value,
}
})}
className={styles.facet}
activeClassName={styles.active}
>
{label}
</Link>
)
}
但是,此将推送到浏览器历史记录,这意味着当他们点击回来时,它将返回上一个方面。
相反,我正在尝试运行替换。 I notice there is an onClick
handler, which I believe can be used to intercept and replace,但不确定具体方法。
您如何替换而不是推送react-router Link元素?