反应路线“向后滑动”动画

问题描述

当前,我正在使用我的React App,并且正在使用 React-router-dom css-Transitions

还原幻灯片动画时遇到问题。在例如从 Home组件 Contact组件切换路线时,Contact组件从右向左滑动-很好。

此联系人组件包含从react-router导入的Link元素,其设置如下

<Link to="/" className="goHome-btn">
  Go home
</Link>

因此,单击后,您将被带回到主页屏幕,这就是问题所在。主屏幕从从右向左幻灯片与“联系人”相同,但在这里我想从从左向右进行滑动以使效果恢复。我不知道如何指定以及何时设置还原幻灯片。我已经在互联网上搜索了很长时间,但是没有任何帮助。即使我发现了一些东西,他们最终的代码和装箱结果也被打破了,所有的抱怨都是从右到左。

有人知道这怎么可能吗?我创建了简单的短代码和框,因此您可以看到整个代码

https://codesandbox.io/s/trusting-rubin-t2ibi?file=/src/App.js

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)