React SPA(路由器)创建3d动画(翻转/滚动)以在组件之间切换

时间:2019-07-19 18:52:59

标签: reactjs animation

我想在我的两个React组件之间创建动画-众所周知,我花了2分钟的时间在Google上进行搜索,但是我的目标是制作3D翻转/滚动动画(想象长方体,在长方体墙上放置4页,这些页面之间的转换)在SPA中的路由之间。

您知道一些可以处理该问题的库吗?我的研究没有发现任何东西。

1 个答案:

答案 0 :(得分:0)

react-springreact-router应该能够满足您的要求。

简而言之,您要做的是使用__RouterContext中的react-router-dom来获取位置,并使用react-spring的{​​{1}}进行地图定位,然后将{ {1}}和您的所有useTransitionSwitch内。

查看本教程:https://www.youtube.com/watch?v=8s2S8lgrJys&t=922s(于2019年4月26日制作)。