Удаление элемента заставляет React удалить последний узел DOM вместо того, который связан с этим элементом

Я пытался анимировать вставку и удаление списка с помощью ReactCSSTransitionGroup, но анимация удаления всегда анимирует только последний элемент списка вместо того, который удаляется.

Вот jsbin, чтобы проиллюстрировать эту проблему, Попробуйте нажать кнопку «Добавить», чтобы убедиться, что анимация вставки действительно работает должным образом, затем нажмите «x» рядом с любым элементом, чтобы увидеть проблему, в которой анимируется последний элемент списка вместо того, который вы пытались удалить.

Я сделал что-то не так при настройке TransitionGroup или я что-то упустил в определениях переходов CSS?

Ответы на вопрос(1)

Ваш ответ на вопрос