在构建应用程序时，动画是改善整体用户体验的好方法，因为它们允许应用程序和用户之间进行更好的交互。
在我们之前的一些React教程中，您熟悉了基本的React概念，例如JSX、路由和表单。在本教程中，我们将把它提升到一个新的水平，并尝试理解React中的动画。虽然有很多方法可以向React应用程序添加动画，但我们将在本文中重点介绍ReactTransitionGroup以及如何使用它。
React中的动画
React提供了许多用于动画React应用程序的附加实用程序，其中之一称为ReactTransitionGroup，由React开发团队创建。
它不是一个设置动画样式的库；相反，它是一个具有四种类型内置组件的低级API：Transition、CSSTransition、SwitchTransition和TransitionGroup。因此，在状态更改期间将React组件动画移入和移出DOM非常简单。
ReactTransitionGroup是一个非常简单的入门工具，而且由于它是轻量级的，因此可以减少对样板代码的需求，从而加快开发过程。
开始使用
首先，让我们在终端中使用create-react-app包安装react。
