Как изменить состояние компонента при скролле?

Question

[nivaech]

Есть компонент Collapse, с material-ui, который скрывает некоторый контент.

<Collapse in={collapsed}>
          <div>Some Content</div>
        </Collapse>

И вот его state, по изменению которого компонент должен скрывать содержимое.

const [collapsed, setCollapsed] = React.useState(true);

  const handleCollapse = () => {
    setCollapsed(collapsed => !collapsed);
  };

Нужно, чтобы состояние компонента изменилось, как только пользователь начинал скроллить вниз, чтобы скрыть контент. Кто-нибудь знает, как подобное осуществить?

Answer 1

[t800zippygod]

Да, можете повесить обработчик события на компонент через синтетическое событие React — onWheel