如何在reactjs中实现轻击状态栏以滚动到顶部

import React, { useRef } from 'react';

const [scrollToTop, setScrollToTop] = useState(false);

const statusBarRef = useRef(null);

useEffect(() => {
  if (scrollToTop) {
    statusBarRef.current.scrollIntoView({ behavior: 'smooth' });
    setScrollToTop(false);
  }
}, [scrollToTop]);

const handleStatusBarClick = () => {
  setScrollToTop(true);
};

<div ref={statusBarRef} onClick={handleStatusBarClick}>
  {/* 状态栏的内容 */}
</div>