javascript - React Router useNavigate hook 不需要的滚动到顶部 onclick

Question

我正在使用 Reach 路由器库添加 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)
}

这适用于添加查询参数，但页面滚动到顶部。如何停止这种默认行为？