淡出旧元素,淡入新元素

IT技术 javascript animation reactjs
2021-05-03 06:16:32

我是react的新手,并尝试过react动画当在 TransitionGroup 中添加或删除元素时,它们非常有效。但是如果我用类似的元素替换单个元素,react 会检测到该元素的内容已更改并且不会触发动画。

如何淡出单个元素并在同一位置淡入新元素?例如淡出login-div,淡入dashboard-div。

1个回答

如果您的元素具有不同的key属性,TransitionGroup 将卸载一个并安装另一个。

您可以在此处阅读有关键的更多信息:Composition vs Inheritance