caseywebdev / react-list

:scroll: A versatile infinite scroll React component.
https://caseywebdev.github.io/react-list
MIT License
1.96k stars 176 forks source link

getVisibleRange not binded to react-list #247

Open stepan662 opened 3 years ago

stepan662 commented 3 years ago

When I pass getVisibleRange to other component and use in event handler it throws error: Snímek obrazovky 2021-09-10 v 10 53 48

It can be fixed by binding it to the reference object first:

<Component
  getVisibleRange={reactListRef.current?.getVisibleRange.bind(reactListRef.current)} />

In child component I'm using it like this:

window.addEventListener('scroll', () => getVisibleRange());

It's quite inconvenient and it took me quite a bit of trying to make it work.

Version 0.8.16

PS: This library is great :)