为什么react-transition-group在路由更改时不调用componentWillEnter或componentWillLeave？

react-transition-group是一个用于实现动画过渡效果的React库。它提供了一组组件，可以在组件的进入和离开过程中添加动画效果。

在React中，路由的更改通常是通过React Router来实现的。当路由发生更改时，React Router会重新渲染相应的组件，并且根据路由的变化，添加或移除相应的组件。

然而，react-transition-group中的动画效果是通过React的生命周期方法来实现的，其中包括componentWillEnter和componentWillLeave。这两个生命周期方法在组件进入和离开过程中分别被调用，用于添加和移除动画效果。

但是，由于React Router的工作方式，当路由发生更改时，实际上是重新渲染了新的组件，而不是在原有组件上调用生命周期方法。因此，react-transition-group中的生命周期方法不会被调用。

为了解决这个问题，react-transition-group提供了一种解决方案，即使用Transition组件。Transition组件可以包裹需要添加动画效果的组件，并根据路由的变化，自动添加或移除动画效果。

在使用Transition组件时，可以通过设置in属性来控制组件的进入和离开状态。当in属性为true时，组件会进入动画过渡的状态，当in属性为false时，组件会离开动画过渡的状态。

总结起来，react-transition-group在路由更改时不调用componentWillEnter或componentWillLeave是因为React Router的工作方式导致重新渲染新的组件，而不是在原有组件上调用生命周期方法。为了解决这个问题，可以使用react-transition-group提供的Transition组件来实现动画过渡效果。