Footer prop?

I am trying to show a spinner at the end of the list when more data is getting fetched.

I can’t seem to find a better way other than adding a footer component after inner container:

<outer>
  <inner><item/>...</inner>
  <footer/>
</outer>

@bvaughn is this something that you would want to add?

[bvaughn]

No, I don’t think I’d want to add a footer component. The way I would approach this sort of feature with react-window or react-virtualized is to add 1 to the itemCount when there’s more data to be shown, and just render a loading spinner in that last row 😄

[bvaughn]

In my case I can’t tell if there is more data or not.

I think this might be key. Knowing if there’s more data to be loaded seems important. Every API I’ve interacted with can at least tell you yes/no for this question– even if it can’t tell you e.g. the total number of remote items.

Add back lines 35-37 to see behaviour with extra row.

The extra row is shown regardless because of your isLastRow conditional.

Anyway, I was imagining something very similar: https://codesandbox.io/s/m72lm0yply