javascript - ref.current.scrollLeft は未定義を返します

Question

私はコードを持っています:

`function App() {
  const myRef = useRef(null);

  const onWheel = e => {
    e.preventDefault();

    const containerScrollPosition = myRef.current.scrollLeft;

    inputEl.current.scrollTo({
      top: 0,
      left: containerScrollPosition + e.deltaY * 0.35,
      behaviour: "smooth"
    });
  };

  return (
    <div
      className="App"
      style={{
        height: 440,
        width: "100%"
      }}
      onWheel={onWheel}
    >
      <AutoSizer>
        {({ height, width }) => (
          <List
            ref={myRef}
            height={height}
            itemCount={30}
            itemSize={600}
            layout="horizontal"
            width={width}
          >
            {Grid}
          </List>
        )}
      </AutoSizer>
    </div>
  );
}

コンポーネントに使用するmyRefと、 /が返されます(正しいコンポーネント ノードが返されます)。私がすべてのために使用する場合はうまくいきます。何が問題なのですか？ListmyRef.current.scrollLeftmyRef.current.clientHeightundefinedmyRef.currentmyRefdiv.App