How to implement animation using ReactCSSTransitionGroup?

Good day!

If you change the array index, after a certain interval of time, should receive the following picture with the animation, but the animation is unfortunately only works once when entering the page.
How to make animation display while changing an array index?

CodeSandBox: https://codesandbox.io/s/mq0kyr80p
March 12th 20 at 08:05
1 answer
March 12th 20 at 08:07
Solution
Set the key for the images:

<img src={data.url} key={data.url} width="100%" alt="" />
Thanks for the solution, do not tell me why with the disappearance of the element he makes the jump? - lorna_Senger commented on March 12th 20 at 08:10
@lorna_Senger, tell me what you mean by "makes the leap", I have no idea. - Gayle.MacGyve commented on March 12th 20 at 08:13
With the disappearance of the picture is enlarged at the lower right corner
https://monosnap.com/file/FwSC3pZYizGGCLrAGOrkAeEb... - lorna_Senger commented on March 12th 20 at 08:16
@lorna_Sengermust be so? - Gayle.MacGyve commented on March 12th 20 at 08:19
@Gayle.MacGyve, and what was the reason for the jump? - lorna_Senger commented on March 12th 20 at 08:22
@lorna_Senger, no idea. - Gayle.MacGyve commented on March 12th 20 at 08:25

Find more questions by tags ReactAnimation