Image 应用于图像的CSSTransitionGroup不';t添加并输入活动类

Image 应用于图像的CSSTransitionGroup不';t添加并输入活动类,image,react-transition-group,react-animations,Image,React Transition Group,React Animations,我对react中的动画不太熟悉,我正在尝试将动画添加到图像中,但我编写的代码似乎没有任何作用。无输入活动类或添加任何内容。在同一个项目中,我使用了相同的模式来制作跨度动画,效果很好 我使用image src作为键。src会改变,img也会改变,但没有动画 感谢所有感兴趣的人 <CSSTransitionGroup transitionName="monster-pic" transitionEnterTimeout={5000} tra

我对react中的动画不太熟悉,我正在尝试将动画添加到图像中,但我编写的代码似乎没有任何作用。无
输入活动
类或添加任何内容。在同一个项目中,我使用了相同的模式来制作跨度动画,效果很好

我使用image src作为键。src会改变,img也会改变,但没有动画

感谢所有感兴趣的人

 <CSSTransitionGroup  
    transitionName="monster-pic" 
    transitionEnterTimeout={5000} 
    transitionLeaveTimeout={5000}>
    <img key={image} src={image} alt={name} className="monster-picture"/>  
 </CSSTransitionGroup>  
.monster-picture
  opacity 0.5
  transition all 5.5s 
  &.monster-pic-enter
    transition all 0.5s 
    opacity 1
    transform translateY(45px);
    &.monster-pic-enter-active
      border 2px solid yellow
      transform translateY(0px);
      position fixed
      opacity 0.1