Описание тега react-transition-group
Предоставляет простые компоненты, полезные для определения переходов входа и выхода. React Transition Group не является библиотекой анимации, как React-Motion, она не анимирует стили сама по себе. Вместо этого он предоставляет этапы перехода, управляет классами и элементами групп и полезными способами манипулирует DOM, что значительно упрощает реализацию реальных визуальных переходов.
Веб-сайт / Документы
https://reactcommunity.org/react-transition-group/
Синтаксис
<CSSTransition in={inProp} timeout={200} classNames="my-node">
<div>
{"I'll receive my-node-* classes"}
</div>
</CSSTransition>
Демо
https://codesandbox.io/s/thirsty-pasteur-m77l2vp00x?from-embed