React点击按钮滚动到指定页面位置（useRef）

在做React项目的时候遇到了用Antd的steps组件实现下一步下一步的操作，这个想必大家没什么问题，要说的是如何点击下一步的时候往上跳转到某个节点，我试了很多种方法，网上的一些说法是利用路由，但是我的想法是不要用路由来实现，然后询问大佬，嘿嘿，以下是解决办法：使用useRef

1. 引入useRef

import React, { useRef } from 'react'

2. 在所属组件内定义一个变量

const myRef = useRef<HTMLDivElement>(null)

3. 在按钮上添加事件
   我在steps组件内使用的，所以是下一步操作

<Button type="primary" onClick={next}> 下一步</Button>

4. 定义点击事件

const next = () => {
    if (myRef.current) {
      window.scrollTo(0, myRef.current.offsetTop || 0)
    }
    setCurrent(current + 1)      //这步是其中的点击下一步跳转到下一步的页面，没有这个需要的不要写
  }

这样就可以实现了~~