在ReactJs组件

Question

我按npm install animate.css --save安装了Animate.CSS，并将其保存在./node_modules本地软件包中。

当我在Github上阅读Animate.CSS文档时，它说只是在我想制作动画的元素中添加类名fadeInDown, bouceInDown...etc但我不知道需要一个来自本地包的类名。

问题：我们如何从Animate.CSS本地包中要求一个类名并将其添加到ReactJs组件中？

假设：我有一个如下的反应组件，我想将类名添加为animated bounceIn。

export class SimpleInfo extends React.Component {
   render() {
      return(
        <div>My information</div>
      )
   }
}

Answer 1

我有一个非常类似的问题。 我创建了一个新的类名，从animate.css类复制了该样式，并将具有添加的css样式的新类放在reactcsstransitiongroup下。

可能不是你问题的理想答案，但它对我有用。

Answer 2

不确定，因为我无法对其进行测试，但这应该可行。

import { bounceIn } from 'animate.css'