reactjs - glidejs 不是在导航幻灯片后从头开始

Question

下面的代码在第一次加载时工作正常，当滑动到滑块中的 3 项时，并通过 react-router 直接单击页面，并且滑块位置从第 3 项开始，但它假设是滑块的返回开始，对吗？

我该如何解决？滑块比较：

const Slider = ({ element = 'glide', options = defaultOptions, children }) => {
  const [glide] = useState(
    new Glide(`.${element}`, { ...defaultOptions, ...options })
  )

  useEffect(() => {
    glide.mount()
    return () => {
      glide.destroy()
    }
  }, [glide])

  useEffect(() => {
    glide.mount() // this fixes the problem of dynamic loading items
  })

  return (
    <div className={`${element} position-relative`}>
      <div className="glide__track" data-glide-el="track">
        <div className="glide__slides">{children}</div>
      </div>
      <div
        className={`glide__arrows ${styles.glideArrows}`}
        data-glide-el="controls"
      >
        ...
      </div>
    </div>
  )
}

export default Slider