我的索引页面上有以下链接,该链接链接到我的About Us
页面:
<Link href="/about"><a>About us</a></Link>
在我的_app.js
文件中,我有这个AnimatePresence
包装器:
<AnimatePresence exitBeforeEnter>
<Component {...pageProps} key={router.route} />
</AnimatePresence>
现在,当我点击我的About Us
链接时,浏览器 URL 栏显示新路由,但页面内容仍然是索引内容。
但是,当我移除AnimatePresence
包装器时,它工作正常(当然没有动画)。
为什么我的动画不起作用?