我有以下reactjs代码.它渲染图像dom.我想实现一个羽毛,当用户点击该图像时,图像旋转180度.在旋转动画结束时,将其替换为新图像.我怎样才能在reactjs中实现它？
<div>
<img className="icon-arrow" src={icon} role="button" onClick={()=> { // create an animation to rotate the image }} />
</div>