Реагировать, как получить количество прокрутки на элементе?

Если вы хотите получить доступ react.js к позиции прокрутки во время reactjs обработчика событий, то правильным react-jsx способом будет просто использование javascript-execution ссылки и element.scrollLeft.

Но учтите, что vanilla-javascript это не приведет к повторному vanilla-javascript рендерингу, поэтому он не ecmascript будет работать, если вы хотите reactjs использовать позицию прокрутки, чтобы javascript-execution определить, что и как рендерить.

В reactjs таких случаях это зависит react-component от того, что вы пытаетесь react-component сделать. Если, например, вы ecmascript хотите использовать положение javascript-library прокрутки для позиционирования vanillajs другого элемента, я бы сначала reactjs попробовал сделать это только ecmascript с помощью CSS, так как это vanillajs будет намного эффективнее. В javascript противном случае вы можете vanillajs использовать прослушиватель javascript событий для события прокрутки.

const [scrollPosition, scrollPosition] = React.useState(0);
const handleScroll = () => {
    setScrollPosition(elementRef.current.scrollLeft);
}

return (
    

        [...]
    
);