How can I configure React Virtualized without direct row indices for retrieving row data?

Other Questions Notion
1

Can React Virtualized operate when row indexes are absent? I rely on unique functions to access rows dynamically:

function fetchEdge() {
  // Retrieve the first or last available row.
}

function fetchBatch(reference, count) {
  // Obtain a sequence of rows starting from the reference row.
}

function searchRow(uniqueValue) {
  // Identify the row matching the specified unique value.
}
2

I have experimented with similar requirements and have found that decoupling the identification process from React Virtualized’s default row indexing is possible. One viable approach is to preprocess your data by attaching a unique identifier to each element. Then, implement a custom rowRenderer that handles data retrieval directly using these identifiers. This way, instead of directly mapping index to data, you rely on custom functions to locate rows. My experience indicates that this method maintains the scrolling performance and responsiveness offered by React Virtualized while flexibly accommodating dynamic row fetching.

3

try mapping your data uniquely and then let your functions handle the lookup without relying on index. i’ve seen similar approaches where the scroll events trigger your custom data extractor based on ids rather than numeric placepositions. not perfect but gets the job done.