淡出旧元素,淡出新元素

时间:2014-02-19 08:46:47

标签: javascript animation reactjs

我是新手做出反应并尝试react animations。在TransitionGroup中添加或删除元素时,它们工作得很好。但是,如果我用类似的元素替换单个元素,则react会检测到该元素的内容已更改并且不会触发动画。

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

1 个答案:

答案 0 :(得分:5)

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

您可以在此处详细了解密钥:http://facebook.github.io/react/docs/multiple-components.html#dynamic-children