Как реализовать анимацию через ReactCSSTransitionGroup?

Question

[Username]

Добрый день!

При смене индекса массива, через определённый интервал времени, должна выводиться следующая картинка с анимацией, но анимация к сожалению срабатывает только один раз при входе на страницу.
Как сделать показ анимации при смене индекса массива?

CodeSandBox: https://codesandbox.io/s/mq0kyr80p

Answer 1

[0xD34F]

Задайте key для картинки:

<img src={data.url} key={data.url} width="100%" alt="" />

Comments

[Username]

Спасибо за решение, не подскажите почему при исчезновении элемента он прыжок делает?

[0xD34F]

Username, не подскажу - что вы имеете в виду под "прыжок делает", я без понятия.

[Username]

При исчезновении картинки она увеличивается в правом нижнем углу
https://monosnap.com/file/FwSC3pZYizGGCLrAGOrkAeEb...

[0xD34F]

Username, должно быть так?

[Username]

0xD34F, а с чем был связан прыжок?

[0xD34F]

Username, без понятия.