反应路由器的使用导航钩不必要的滚动到顶部onclick

编程问答 2022-08-12

问题描述

我正在使用到达路由器库添加url参数。 import { useNavigate } from '@reach/router'

const navigate = useNavigate()

然后我正在使用qs库将查询参数添加到url中

const handleSliderChange = (event) => {
  event.preventDefault()
  const params = location.search.slice(1)
  const paramsObj = qs.parse(params)
  paramsObj.date = newValue
  const paramsstr = qs.stringify(paramsObj)
  navigate(`/?${paramsstr}`,{ replace: true })
  setSliderValue(newValue)
}

这对于添加查询参数非常有效，但是页面滚动到顶部。如何停止这种默认行为？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gatsbyjavascriptreach-routerreactjsreactjsreactjsreactjs