我是react的新手,并尝试过react动画。当在 TransitionGroup 中添加或删除元素时,它们非常有效。但是如果我用类似的元素替换单个元素,react 会检测到该元素的内容已更改并且不会触发动画。
如何淡出单个元素并在同一位置淡入新元素?例如淡出login-div,淡入dashboard-div。
我是react的新手,并尝试过react动画。当在 TransitionGroup 中添加或删除元素时,它们非常有效。但是如果我用类似的元素替换单个元素,react 会检测到该元素的内容已更改并且不会触发动画。
如何淡出单个元素并在同一位置淡入新元素?例如淡出login-div,淡入dashboard-div。
如果您的元素具有不同的key
属性,TransitionGroup 将卸载一个并安装另一个。
您可以在此处阅读有关键的更多信息:Composition vs Inheritance。