ref.current.scrollLeft возвращает неопределенное значение - PullRequest
Новая
       31

ref.current.scrollLeft возвращает неопределенное значение

0 голосов
/ 06 февраля 2020

У меня есть кусок кода: 

`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 для List компонента, myRef.current.scrollLeft / myRef.current.clientHeight возвращает undefined (myRef.current возвращает правильный узел компонента) , Если я использую myRef для div.App, все идет хорошо. В чем может быть проблема?

...