ReactTransitionGroup and Fragments


(Shawn Mitchell) #1

What’s the correct way to handle CSS transitions for

elements (for example) rendered in a React.Fragment group?

In more detail, I have a table in which a triplet of

elements represent a StockPrice React component (bid, mid, ask), so my StockPrice render method uses a React.Fragment wrapper. I’d like to do a fade in animation when a value is updated but the ReactTransitionGroup wraps everything in a span. I see that I can specify a component property (‘ul’ is the example provided in the docs), but I can’t specify React.Fragment as the component property of a ReactTransitionGroup. What would this be the proper way to handle it?