There are some animations that need to be executed within a group of elements or a list. These animations need to be wrapped in a TransitionGroup element in order to work.
This component has some properties that are the same as the ones in the Transition component, but to get it working, you have to define a set of special instructions for the child elements and the components that are specific to this component.
In this recipe, we will create a dynamic list of images that will be added when the user clicks on the respective button. This will execute the animation when the image appears on the screen.