React Virtualized - Changing the height of a List Row post render

Question

I'm using a List inside and AutoSizer with a dynamic height using a function for rowHeight. The row in my use case needs to render with ellipsis and expand upon clicking on it.

I'm wondering how to go about dynamically setting the rowHeight once the row has already been rendered?

Answer 1

Here is an example of doing something similar (and here is the source code). The key part is here:

// When height changes externally, let List know to reset its cached size
List.recomputeRowHeights()
List.forceUpdate()