我正在研究React项目,并在元素处于可见状态时使用react-reveal进行简单的动画处理。我在父组件中添加了react-reveal的<Fade>
标签,并通过props将内容传递给了它:
<Fade bottom>
<h1>{props.heading}</h1>
<div>{props.content}</div>
</Fade>
这很好用,使用此父组件的每个子组件都从底部消失。
但是,如果我有一个子组件不想使用此<Fade>
标记进行动画处理,该怎么办?我可以实现某些逻辑还是可以通过某种特殊的道具来实现这一目标?
谢谢