我有带卡的向导组件，每张卡都有css过渡扩展和折叠：
transition: max-height 600ms;
当卡片在＆＃39;扩展＆＃39;模式得到：
max-height: 1000px;
（不仅仅是动画的实际尺寸，see here）
当卡片“崩溃”时＃p>模式得到：max-height: 100px; //doesn't collapse totally 100px stay open
每次用户点击下一个按钮跳过卡片时，向导会更改其状态（哪张卡片处于活动状态＆＃39;）并使用map（）呈现所有卡片，每张卡片都会获得查看模式并根据模式呈现其子组件。这意味着当卡的查看模式从“扩展”变为“崩溃＆＃39;它的子组件已更改（也是自动高度）。我预计卡会在转换中崩溃，但实际上，它不起作用。当卡片展开时，动画可以正常工作，但是当它应该崩溃时，它就没有了。
任何建议？