草庐IT

CellMeasurer

全部标签

javascript - 如何测量 react 虚拟化列表中的行高

我有点不确定如何使用react-virtualized实现列表的动态高度.我有一个组件如下:import{List}from'react-virtualized';{return100;//Thisneedstomeasurethedom.}}rowRenderer={({key,index,style})=>}}width={300}/>我看过使用CellMeasurer根据文档说它可以与List组件一起使用,但我不知道这个例子实际上是如何工作的......我还尝试弄清楚它是如何在democode中实现的但也走到了死胡同。有人可以帮助我了解如何测量DOM以动态获取每个项目的高度。

javascript - 具有反应虚拟化和新 CellMeasurer 的动态行高

我正在使用带有Autosizer、List和CellMeasurer组件的react-virualized9。当列表数据发生变化时,我需要更新行高。似乎自从版本9中支持ReactFiber的更改以来,CellMeasurer的唯一公共(public)方法现在是measure()。大多数示例使用前面的resetMeasurementForRow()方法。当前CellMeasurerdoc似乎没有关于新公共(public)方法的任何信息。不确定我是否忽略了某些内容,但我们将不胜感激。constcache=newCellMeasurerCache({defaultHeight:60,fixe