使用实际的尺寸代替片段尺寸
通常情况下,我们会在clipPath中使用片段尺寸来限制元素的可见范围。但是,AnimatePresence不支持这种方式,因为它需要使用实际的尺寸来在动画开始和结束时计算元素的位置。为了解决这个问题,我们可以通过以下步骤来修改代码:
1.使用元素的实际尺寸来代替片段尺寸。例如,如果你想要限制一个SVG圆形的可见范围,可以这样写:
改成
{/* animate in and out elements */}
通过这个方法,AnimatePresence就可以正确地计算元素的位置了。
上一篇:AnimatePresence引起'UncaughtTypeError:Cannotreadpropertiesofnull(reading'useRef')'错误
下一篇:AnimatePresence在Chrome上不起作用,但在Firefox上却正常工作