ReactTransitionGroup：是否可以将SwitchTransition与ReactRouter一起使用，以使用React Router ？

Question

我正在使用ReactTransitionGroup和ReactRouter进行实验。问题是退出转换不起作用。

根据RTG站点：当将React Transition Group与React Router一起使用时，请确保避免使用Switch组件，因为它仅执行第一个匹配的Route。这将使出口过渡无法实现，因为出口路由将不再与当前URL匹配，并且子功能将无法执行。

https://reactcommunity.org/react-transition-group/switch-transition

是否可以使用SwitchTransition通过将CSSTransition（包装开关）包装在SwitchTransition中来解决此限制？

Answer 1

您可以在链接上定义过渡，而不是像建议的那样在Route内部定义过渡。通过单击任何链接，过渡将开始到新路线，并且当前路线退出。

制作起来可能很技巧，但是为此有一个库，react-tiger-transition。

这里是来自文档站点的演示：

（我是作者）。