reactjs - 组件仅在页面重新加载时显示动画,但在状态更改时不显示
问题描述
我试图一次在页面上显示三张卡片,并且我已经对这些卡片应用了过渡。当我单击按钮时,它会更新状态并显示另外三张卡片。但是这些卡片没有动画。动画仅在页面重新加载而不是状态更改时才起作用。
解决方案
您必须将您的状态绑定到 Grow 的“in”属性
成长={this.state.updatedValue}
希望这能解决你的问题
要了解更多信息,请查看材质 UI 的文档 https://material-ui.com/components/transitions/
推荐阅读
- processing - 变换后如何在画布上找到对象的绝对坐标?
- node.js - 如何防止 MongoDB nodeJS 驱动程序在失败时使我的整个应用程序/进程崩溃?
- javascript - 不能使用快递发帖
- qt - 尝试创建新的 QGraphicsScene 时应用程序崩溃
- r - 如何计算 data.table 中的访问次数
- c# - 意外对象参考
- javascript - 如何在 ngfor 循环中显示隐藏项目?
- typescript - TypeScript 不需要所有索引属性
- unity3d - 类型“UnityEngine.ParticleEmitter”不包含“minSize”的定义
- scala - 如何使用 Scala 工具箱反映在运行时定义的类的方法的具体返回类型?