useVirtualItemRef()
function useVirtualItemRef(model, index): RefCallback<HTMLElement>;Observe one rendered item using a stable React callback ref.
Parameters
model
index
number
Returns
RefCallback<HTMLElement>
Related examples
- HorizontalreactThis example virtualizes a horizontal collection: columns are measured and positioned along the x-axis while the browser keeps a native horizontal scrollbar.
- Simple ListreactThis is the smallest complete virtual list for each framework. Application data stays in the framework while the adapter renders and measures only the current visible range.
- Simple PrimitivesreactThis example builds a list from the adapter's lower-level model, layout, range, and item primitives instead of its high-level list binding.
- Sticky Header And FooterreactThis example keeps a header and footer inside the scrolling viewport while the virtual item range remains measured and independently positioned.
- Variable SizereactThis example renders rows whose heights differ and can change after mount. Mounted items report their real border-box size, replacing the initial estimate without requiring application-side layout reads.
- Nested ContainerreactThis example separates the native scroll owner from the element that contains the virtual range. Content can appear before the list while core still measures the nested offset and publishes the correct geometry.