React 18 升级后 onScroll 不工作了

Question

滚动时不会调用 onScroll 回调（scrollHandler）。这个问题是在我们从 React 16 升级到 React 18 后发生的。

套餐详情

"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-virtualized": "^9.13.0",

代码片段

const TableComponent = (props) => {
  let { scrollHandler, getRow, width, height, rowCount, rowHeight, getRow } = props;

  return (
    <div
      onScroll={scrollHandler}
    >
      <AutoSizer>
        {({ width, height }) => {
          return (
            <List
              width={width}
              height={height}
              rowCount={rowCount}
              rowHeight={rowHeight}
              rowRenderer={getRow}
              columnWidth={150}
              style={{ maxHeight: maxHeight }}
            />
          );
        }}
      </AutoSizer>
    </div>
  );
};

我尝试直接添加自动调整大小。我尝试使用标签的 ref 添加事件监听器。但没有一个奏效。 有什么办法可以让 onScroll 工作吗？

Answer 1

您是否尝试过将

overflow: 'scroll'

添加到已设置 onScroll 属性的父 div 样式？