react-virtualized expone la lista de componentes relevantes, CellMeasurer y CellMeasurerCache. Estos se pueden usar juntos de manera confiable para crear una lista virtualizada con alturas de fila calculadas dinámicamente siempre que no se usen componentes de formulario. Tengo grandes dificultades para que la API responda a las entradas de formularios de varias líneas, las alturas calculadas corresponden al tamaño de cada componente si las entradas de varias líneas no se expandieron para acomodar el texto pasado desde el estado.

 const cache = new CellMeasurerCache({ fixedWidth: true, minHeight: 56, }) const rowRenderer = ({index, key, parent, style}) => { // State pulled from API return <CellMeasurer cache={cache} columnIndex={0} key={key} rowIndex={index} parent={parent} > {({registerChild}) => ( <div style={style}> <Input multiline value={state.elements[index].text}/> </div> )} </CellMeasurer> } return <List width={650} height={600} deferredMeasurementCache={cache} overscanRowCount={2} rowHeight={cache.rowHeight} rowCount={state.elements.length} rowRenderer={rowRenderer} /> }

Gracias