切换视图（路线）时的滑动过渡

Question

有没有人有动画 react-router-dom 路由的经验？我的目标是制作幻灯片动画并使其向前和向后滑动。

我之所以这么问，是因为我在 stackoverflow、Google 甚至官方 react-router-dom 或 react-spring 文档上进行了搜索，但我真的找不到可行的解决方案。

我发现的所有内容都已过时或无法正常工作，我找不到任何教程。有没有人可以给我一些建议或分享一些教程？

我提前询问，现在不发布任何代码，因为我明天会处理。因此，一些提示、技巧和建议将派上用场。 （工作代码和框链接将是最好的，所以我可以看到它是如何工作的）。

谢谢

Answer 1

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

还有一些关于代码沙盒的例子。 https://codesandbox.io/s/jp1wr1867w

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