[ React.js ] useRef로 스크롤 이동 기능 구현

import { useRef } from "react";

const Scroll = () => {
  const scrollBox = useRef();
  const scrollBtn = (text) => {
    const { scrollHeight, clientHeight } = scrollBox.current;
    if (text === "down") {
      scrollBox.current.scrollTop = scrollHeight - clientHeight;
    } else if (text === "up") {
      scrollBox.current.scrollTop = 0;
    }
  };
  return (
    <div>
      <div className={"scrollBody"} ref={scrollBox}>
        <div className={"scrollBox"} />
      </div>
      <button onClick={() => scrollBtn("down")}>down</button>
      <button onClick={() => scrollBtn("up")}>up</button>
    </div>
  );
};

export default Scroll;