react-transition-group 使用 flex-box 进行 react-router 过渡答案

【问题标题】：react-tranisition-group use flex-box for react-router transitionreact-transition-group 使用 flex-box 进行 react-router 过渡
【发布时间】：2020-02-15 03:49:28
【问题描述】：

我正在按照教程为react-router 页面使用react-transition-group 添加过渡。我的页面内容全部包裹在容器中，我使用 flex-box 使容器居中。

但是，它会导致转换无法正常应用。

我希望页面转换应该在容器中，从左到右或从右到左。我正在尝试在容器中使用position:relative 并在过渡类中使用position:absolute，似乎根本不起作用

code is here

欢迎提出任何想法！

干杯。

【问题讨论】：

标签： css reactjs react-transition-group

【解决方案1】：

您可以使用 react-tiger-transition 通过 react-router 进行整页转换。

这里是演示：

（我是作者）

【讨论】：