过渡动画可根据高度进入,但退出animaiton时不起作用。初始高度为'0px',在输入将高度更改为包装器高度后,然后在输入状态下将高度设置为'自动'。过渡动画在这里起作用。
在exit之前,将height再次设置为包装器高度,然后在退出高度上更改为'0px'。过渡动画在这里不起作用。
但是,当在onExit方法上设置断点时,它可以工作。
https://codesandbox.io/s/hopeful-grass-gp6v9?file=/src/App.js
只需将现有的过渡样式高度更改为auto,过渡现在就可以正常工作了。
const transitionStyle = {
entered: { height: "auto", overflow: "visible" },
exiting: { height: "auto" } /*change this */
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句