Javascript 如何修复React Router v4页面转换动画错误？
我想在React Router v4中切换路由时创建一个简单的淡入淡出动画 我的方法完全是基于这个家伙的，他使用react transition group的TransitionGroup和CSTransition来创建效果 到目前为止，衰减效应是有效的，但并不完全有效 每当我导航到新路线时，相同的组件都会出现两次。一个在另一个之上，底部的一个很快就消失了 我怎样才能避开这件事 到目前为止，我唯一能消除双重缺陷的方法是将每个子组件设置为position:fixed。但是，由于每个组件的长度都是动态的，因此页脚的位置会出错。有时会导致页脚与上面的组件重叠 App.jsJavascript 如何修复React Router v4页面转换动画错误？,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我想在React Router v4中切换路由时创建一个简单的淡入淡出动画 我的方法完全是基于这个家伙的，他使用react transition group的TransitionGroup和CSTransition来创建效果 到目前为止，衰减效应是有效的，但并不完全有效 每当我导航到新路线时，相同的组件都会出现两次。一个在另一个之上，底部的一个很快就消失了 我怎样才能避开这件事 到目前为止，我唯一能消除双重缺陷的方法是将每个子组件设置为position:fixed。但是，由于每个组件的长度都是动
我对在ReactJS中进行页面转换的其他方法持开放态度，因此非常感谢您的帮助！谢谢。我知道它很旧，但这是解决方案： 你需要使用
Switch location={location}
希望有帮助。我知道它很旧，但这是解决方案： 你需要使用
Switch location={location}
希望有帮助。您可以使用react转换组库。查找文档和示例代码。 请注意，禁止使用开关。
关于CSS和页脚的位置，示例还使用容器位置：相对和页面位置：绝对。但是我已经使用CSS网格成功地实现了react转换组。您可以使用react转换组库。查找文档和示例代码。 请注意，禁止使用开关。
关于CSS和页脚的位置，示例还使用容器位置：相对和页面位置：绝对。但是我已经使用CSS网格成功地实现了react transition group。也在寻找这个答案-你找到解决方案了吗？我只是使用CSS动画来进行淡入。这可能不是正确的解决方案，但它很有效。你对CSS动画是什么意思？你能详细说明一下吗，或者展示一些示例代码？这会很有帮助，因为我有完全相同的问题：/@jones你找到这个问题的解决方案了吗？你能详细解释一下吗？@L3M0L我恐怕没有：我也在寻找这个答案-你找到解决方案了吗？我只是用CSS动画来进行淡入。这可能不是正确的解决方案，但它很有效。你对CSS动画是什么意思？你能详细说明一下吗，或者展示一些示例代码？这会很有帮助，因为我有完全相同的问题：/@jones你找到这个问题的解决方案了吗？你能详细解释一下吗？@L3M0L恐怕我没有：嗨，埃里克。谢谢你迟来的答复。请你再补充一些细节好吗？在哪一个文件中，在哪一行代码中，OP必须插入您的行？在更改我的代码5个小时后，我认为问题出在我的组件中，因为它只发生在我的一个组件中，我在谷歌上搜索了问题并找到了这个Hi Eric。谢谢你迟来的答复。请你再补充一些细节好吗？在哪一个文件中，在哪一行代码中，OP必须插入您的行？在更改我的代码5个小时后，我认为问题出在我的组件中，因为它只发生在我的一个组件中，我用谷歌搜索了这个问题，发现了这个问题
Switch location={location}