Javascript 类列表切换在React中不起作用。我做错了什么？

我试图让一个轮子图像旋转（CSS转换+转换），当它被点击。现在，我只能让它旋转，同时按住鼠标按钮使用“img:active”。我一直在寻找答案，总的来说，我觉得我应该使用onClick来切换一个带有动画的类，但我似乎做得不对。我做错了什么？这是我的代码，供参考：

class Wheel extends React.Component
{
  constructor(props){
    super(props);

    this.spin = this.spin.bind(this);
  }

  spin(e){
    e.classList.toggle('rotate');

  }
  render(){

    return (<div><img width="400" height="400" src="https://orig00.deviantart.net/0a38/f/2010/242/f/6/singapore_wheel_of_fortune_by_wheelgenius-d2xmb9v.jpg" onClick={this.spin}/>
</div>);

  }
}

ReactDOM.render(
  <Wheel/>,
  document.getElementsByClassName('container-fluid')[0]
);

我已经把所有的东西都放在密码笔上了

提前谢谢你。

应该是

e.target.classList.toggle('rotate');

应该是

e.target.classList.toggle('rotate');

---

Pfft。这把它修好了。非常感谢。另外，谢谢@ElAoutarHamza，我也将实现它。这把它修好了。非常感谢。另外，谢谢@ElAoutarHamza，我也将实现这一点。