首页 > 解决方案 > 组件仅在页面重新加载时显示动画,但在状态更改时不显示

问题描述

我试图一次在页面上显示三张卡片,并且我已经对这些卡片应用了过渡。当我单击按钮时,它会更新状态并显示另外三张卡片。但是这些卡片没有动画。动画仅在页面重新加载而不是状态更改时才起作用。

https://codesandbox.io/s/confident-shaw-pvku3

标签: reactjs

解决方案


您必须将您的状态绑定到 Grow 的“in”属性

成长={this.state.updatedValue}

希望这能解决你的问题

要了解更多信息,请查看材质 UI 的文档 https://material-ui.com/components/transitions/


推荐阅读