使用 TransitionGroup 进行动画时，componentDidMount 会触发两次

Question

我目前正在react-transition-group与react-router-dom使用来动画路线更改，并且效果很好。

我遇到的唯一问题是，当切换路由并且我需要在componentDidMount生命周期挂钩中发送或获取一些数据时，它会触发两次。我相当确定这是由于react-transition-group但我想知道是否有一个明显的解决方案来解决这个问题。

我发现这一点是因为它在数据库中插入了两次实体，这与预期的行为相去甚远。

登录后的转换示例componentDidMount

Answer 1

我发现这是我的组件的问题Switch，请参阅此 github 问题

基本上你需要location在你的包装Switch组件中使用 prop。