javascript - 淡出旧元素,淡入新元素

标签 javascript animation reactjs

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

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

最佳答案

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

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

关于javascript - 淡出旧元素,淡入新元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21875208/

相关文章:

javascript - 最小化屏幕时,表格应该缩小

android - 如何将耀斑动画从几秒减到几小时

javascript - 从另一个更新一个 React 的组件状态

javascript - 如何在react中自动启动bootstrap模式

javascript - 返回 promise 方式的差异

javascript - d3 hexbin 缩放问题

javascript - Node.js:当对象未完成初始化时调用方法的解决方法?

javascript - HTML5 Canvas 意外的移动量

javascript - 完成百分比动画,圆形形式,带状态显示

ReactJS : Failing to fetch an API