请阐述在 React 应用中实现组件间过渡动画的常见技术方案，并说明各自的适用场景。
考察说明
考察对 React 动画实现方式的了解程度，以及根据场景选择合适方案的能力。
回答思路
- 【回答框架 1】React 组件间过渡动画的核心是处理组件挂载、卸载和更新时的状态变化，并通过 CSS 过渡或动画库来平滑展示。常见方案包括 CSS 类切换、React Transition Group、Framer Motion 等。
- 【回答框架 2】CSS 类切换是最基础的方式：通过条件渲染或状态修改，动态添加或移除 CSS 类，利用 CSS 的 transition 或 animation 属性实现动画。优点是简单轻量，适合简单动画，但难以协调多个组件的进入和离开时序。
- 【回答框架 3】React Transition Group 提供 Transition 和 CSSTransition 组件，允许定义组件进入、退出和过渡阶段的类名，从而在组件挂载和卸载时触发动画。它适合管理单个或多个组件的过渡，但需要手动编写 CSS 样式。
- 【回答框架 4】Framer Motion 是一个更高级的动画库，通过 AnimatePresence 组件可以方便地处理组件进入和离开的动画，支持手势、复杂的动画编排，API 声明式，性能较好，适合复杂交互场景。
- 【回答框架 5】选择方案时需考虑项目复杂度、动画需求、团队熟悉度。简单动画可以用 CSS 类切换，需要管理生命周期时用 Transition Group，复杂交互动画则倾向使用 Framer Motion 或类似库。
- 【关键点 1】CSS 类切换适合简单动画，但无法便捷处理多个组件的进入离开时序。
- 【关键点 2】React Transition Group 通过为组件添加进入、退出类名来触发过渡，适用于挂载卸载场景。
- 【关键点 3】Framer Motion 提供 AnimatePresence 实现复杂的进入退出动画，声明式 API，易用性高。
- 【关键点 4】动画性能需注意避免强制同步布局，多使用 transform 和 opacity 等合成属性。
- 【易错点 1】直接使用 CSS transition 在组件卸载时无法触发，需要配合过渡类库或延迟卸载。
- 【易错点 2】对于列表中的多个组件动画，需考虑 key 的唯一性，避免动画错乱。
- 【易错点 3】大量动画可能导致性能问题，需注意使用 will-change 和避免频繁触发重排。