在React.js中使用CSS动画

我已经和React合作了一段时间，但是动画是一件让我困惑的事情

目前我在react组件中使用CSS。每个组件导入一个css文件，我使用它来设置样式，而不是使用内联css

我的问题是：如果我有一个像登录页这样的页面，没有更新状态，那么在css中使用关键帧动画和类似的东西是否合适

---

附带问题：我可以自由地为非更新页面（如登录页面）使用关键帧，还是会为更复杂的页面完全中断？

在页面中使用任何CSS都是100%安全的。CSS仅仅是一种用于描述元素的样式和表示的语言。React不在乎这些；它只关心页面的属性，或者至少是响应创建/控制的DOM部分

文档对象模型（DOM）[……]以树的形式提供文档的结构化表示

CSS不会（不能）和DOM的树结构交互，CSS动画也不会。它们只是将样式属性应用于元素，根据动画的不同，这些元素可能给人的印象是DOM树的布局发生了变化，但事实并非如此

---

所以要回答这两个问题：没有css会破坏您的代码或以其他方式干扰React，无论实现如何。

您可以使用css动画，只要它们满足您的要求，就不会有任何问题：）只是好奇为什么这个问题会标上

React native

（这与“web React”不同）@是的，那是个错误。谢谢你指出@垃圾发电机真是太棒了。谢谢你的快速回答。我想知道React为什么建议我们在他们的动画文档中使用ReactCSStransitongGroup。ReactCSStransitongGroup只是一个包装器，它允许您在React创建或删除元素时应用一些css转换。例如，当您切换到另一个页面时，或者当您从列表中添加/删除元素时，等等。。。。