reactjs - 滚动快照与反应 17

Question

我正在尝试在带有样式组件的 react v17 中使用滚动快照，但我无法让它工作。我找到了在 react v16.8中工作的代码沙盒项目，它是用类组件编写的。我正在尝试将它写在函数组件中。这是我的功能组件代码：

  const container = useRef(0);

  const scrollSnap = () => {
    const element = container.current;
    createScrollSnap(
      element,
      {
        snapDestinationY: "90%"
      },
      () => console.log("snapped")
    );
  };

  useEffect(() => {
    scrollSnap();
  }, [container]);

这是我在codesandbox.io上找到的工作项目，用类组件编写：

  container = React.createRef()

  bindScrollSnap() {
    const element = this.container.current
    createScrollSnap(element, {
      snapDestinationY: '90%',
    }, () => console.log('snapped'))
  }

  componentDidMount() {
    this.bindScrollSnap()
  }