不同元素上的动画高度和最大高度会导致过渡队列
Animate height and max-height on different elements cause a queue of transitions
Codesandbox：https://codesandbox.io/s/gallant-cori-hdj5w?file=/src/App.js
我有一个带有两个动画的简单组件：第一个关于高度（从 0% 到 100%），第二个关于最大高度。
我不明白为什么它们起作用但不是同时起作用：第二个动画似乎要等待第一个动画完成才能开始。
预期的行为是动画同时开始和结束。
有什么问题？
由于定位问题，我会重新构建样式，但如果您想要针对此问题的快速补丁，请更改 maxHeight: isHeightFull ? 0 : 500 行 103 以获取 maxHeight: isHeightFull ? 0 : 50
要改进样式，请尝试为两个最重要的容器添加边框，然后找出如何以不重叠的方式构建它。
Codesandbox：https://codesandbox.io/s/gallant-cori-hdj5w?file=/src/App.js
我有一个带有两个动画的简单组件：第一个关于高度（从 0% 到 100%），第二个关于最大高度。 我不明白为什么它们起作用但不是同时起作用：第二个动画似乎要等待第一个动画完成才能开始。
预期的行为是动画同时开始和结束。
有什么问题？
由于定位问题，我会重新构建样式，但如果您想要针对此问题的快速补丁，请更改 maxHeight: isHeightFull ? 0 : 500 行 103 以获取 maxHeight: isHeightFull ? 0 : 50
要改进样式，请尝试为两个最重要的容器添加边框，然后找出如何以不重叠的方式构建它。