如何使用ant-design步骤滚动到特定的id组件

npm install antd

import { Button } from 'antd';
import React, { useRef } from 'react';
import { Link } from 'react-scroll';

const ScrollButton = () => {
  const scrollRef = useRef(null);

  const handleClick = () => {
    if (scrollRef.current) {
      scrollRef.current.scrollIntoView({ behavior: 'smooth' });
    }
  };

  return (
    <div>
      <Button type="primary" onClick={handleClick}>
        Scroll to Component
      </Button>
      <div style={{ height: '100vh' }} />
      <div id="scrollTarget" ref={scrollRef}>
        Scroll Target Component
      </div>
    </div>
  );
};

export default ScrollButton;

import { Link } from 'react-scroll';

const ScrollButton = () => {
  // ...

  return (
    <div>
      <Link
        activeClass="active"
        to="scrollTarget"
        spy={true}
        smooth={true}
        offset={-50}
        duration={500}
      >
        Scroll to Component
      </Link>
      {/* ... */}
    </div>
  );
};

export default ScrollButton;