ReactJs如何在单击或提交时滚动到div底部

<div ref={myDivRef}></div>

const myDivRef = useRef(null);

const handleClick = () => {
  myDivRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
}

import React, { useRef } from 'react';

const MyComponent = () => {
  const myDivRef = useRef(null);

  const handleClick = () => {
    myDivRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
  }

  return (
    <div>
      <button onClick={handleClick}>滚动到底部</button>
      <div ref={myDivRef}></div>
    </div>
  );
}

export default MyComponent;