有没有办法向上滚动一个无状态组件？

// ScrollContainer.js
import React, { useState } from 'react';
import ScrollContent from './ScrollContent';

function ScrollContainer() {
  const [scrollPosition, setScrollPosition] = useState(0);

  const handleScroll = () => {
    // 更新滚动位置的状态
    setScrollPosition(scrollPosition + 1);
  };

  return (
    <div onScroll={handleScroll}>
      <ScrollContent scrollPosition={scrollPosition} />
    </div>
  );
}

export default ScrollContainer;

// ScrollContent.js
import React from 'react';

function ScrollContent({ scrollPosition }) {
  return (
    <div style={{ marginTop: scrollPosition }}>
      {/* 根据滚动位置渲染内容 */}
      <p>这是滚动内容</p>
    </div>
  );
}

export default ScrollContent;