我正在构建一个带有材质UI的 accordion ,我注意到当我把 accordion 直接放在文件的返回中时,它工作正常。但是如果我创建一个子组件并返回它,动画就不工作了。注意打开 accordion 是正常的,但是它突然弹开了,而不是平滑的过渡。你知道是什么导致了这个问题吗?
Replicated here
沙盒中的依赖关系反映了我的package.json中的版本。
我正在构建一个带有材质UI的 accordion ,我注意到当我把 accordion 直接放在文件的返回中时,它工作正常。但是如果我创建一个子组件并返回它,动画就不工作了。注意打开 accordion 是正常的,但是它突然弹开了,而不是平滑的过渡。你知道是什么导致了这个问题吗?
Replicated here
沙盒中的依赖关系反映了我的package.json中的版本。
1条答案
按热度按时间sulc1iza1#
您正在
App
组件的 * 内部 * 定义QuestionAccordion
组件,因此重新呈现将在 accordion 动画完成之前发生。在App
组件的 * 外部 * 定义QuestionAccordion
组件,它应该正常工作。例如:工作代码沙盒:https://codesandbox.io/s/material-ui-animation-problem-forked-msohg6?file=/src/App.tsx:995-1021