javascript - 具有反应路线的成帧器运动在滑动效果下无法正常工作

Question

我在过去几天学习反应。我一直在玩反应路线的幻灯片动画，并使用 Framer Motion。但是，我累了很多次，无法让它正常工作。

由于某种原因，动画中的幻灯片不正确，下一条路线就像立即弹出一样。

我想实现新页面滑入而卸载页面滑出的效果。我无法同时获得两页幻灯片。

我已经粘贴了这个沙箱。 https://codesandbox.io/s/react-router-transition-with-framer-motion-s81tc?file=/src/App.js

任何帮助，将不胜感激。

谢谢。

Answer 1

尝试添加exitBeforeEnter属性AnimatePresence：

<AnimatePresence exitBeforeEnter initial={false}>
        ...
</AnimatePresence>