切换视图路线时的幻灯片过渡

问题描述

是否有人对React-Router-Do路径设置动画有经验?我的目标是制作幻灯片动画,并使其前后滑动。

我之所以问是因为我已经搜索了stackoverflow,Google甚至是官方的react-router-dom或react-spring文档,而我确实找不到适用的解决方案。

我发现的所有内容都已过时或无法正常运行,并且找不到任何教程。有没有人可以给我一些建议或分享一些教程?

我要事先询问,现在不发布任何代码,因为我明天会处理。因此,一些技巧,窍门和建议会很方便。 (工作的codeandBox链接将是最好的,因此我可以看到它的实际工作原理。)

谢谢

解决方法

有一个关于升级教程的教程。 https://www.leveluptutorials.com/tutorials/animating-react 视频#12

在codeandbox上也有一些示例。 https://codesandbox.io/s/jp1wr1867w

此防止滚动条: https://codesandbox.io/s/react-spring-page-transition-example-to-prevent-scrollbar-8uckc?file=/src/styles.css