如何滚动到ReactJs中的元素？

import React, { useRef } from 'react';

function MyComponent() {
  const targetRef = useRef(null);

  // ...

  return (
    <div>
      {/* ... */}
      <div ref={targetRef}>目标元素</div>
      {/* ... */}
    </div>
  );
}

function scrollToTarget() {
  targetRef.current.scrollIntoView({ behavior: 'smooth' });
}

// ...

return (
  <div>
    {/* ... */}
    <button onClick={scrollToTarget}>滚动到目标元素</button>
    {/* ... */}
  </div>
);