我已经和React合作了一段时间,但动画是令我困惑的一件事。
目前我在反应组件中使用CSS。每个组件导入一个我用于样式的css文件,而不是使用内联css。
我的问题是:如果我有一个像登陆页面那样没有更新状态的页面是否可以在css中使用关键帧动画和类似的东西?
附带问题:我可以自由地将关键帧用于非更新页面(如着陆页),还是会完全破坏更复杂的页面?
答案 0 :(得分:2)
您可以100%安全地在网页中使用任何CSS。 CSS仅仅是用于描述元素的样式和表示的语言。 React并不关心这一切;它只关心 用于页面的DOM - 或者至少是React创建/控制的DOM部分。
文档对象模型(DOM)[...]以树形式提供文档的结构化表示。
CSS不会(不能)与DOM的树结构交互,也不会与CSS动画交互。它们只是将样式属性应用于元素,这些元素根据动画可能会给人留下DOM树布局发生变化的印象,但事实并非如此。
所以回答你的两个问题:无论执行情况如何,没有css会破坏你的代码或干扰React。