在React with Material UI中使用新信息对扩展卡进行动画处理

问题描述

因此,我正在为一家公司开发自定义网站,并且很好奇如何将从小卡中的一张卡过渡到扩展到更多信息的同一张卡的动画。

用单词来描述有点困难,因此,如果您点击此链接,您将看到我想在以下两种状态之间建立动画的状态:https://codesandbox.io/s/card-to-expanded-card-2oe7y

我目前的想法如下:

  1. 使一个Card组件在单击时简单地隐藏并显示适当的元素
  2. 弄清楚如何在这两个单独的组件之间制作动画

第二种解决方案似乎更具模块化;但是,我不确定如何跟踪该组件内部的哪些元素将发生变化以及如何对其进行动画处理。我可以看到第一个方法,但是看起来很笨拙(一个很大的组成部分)。

非常感谢您:)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)