我是新手做出反应并尝试react animations。在TransitionGroup中添加或删除元素时,它们工作得很好。但是,如果我用类似的元素替换单个元素,则react会检测到该元素的内容已更改并且不会触发动画。
如何淡出单个元素并在同一个地方淡入新元素? 例如淡出login-div,淡入dashboard-div。
答案 0 :(得分:5)
如果您的元素具有不同的key
属性,则TransitionGroup将卸载一个并挂载另一个。
您可以在此处详细了解密钥:http://facebook.github.io/react/docs/multiple-components.html#dynamic-children