如何使用reactJs旋转45度的图像

Question

我希望通过使用reactJs，在单击按钮时，将图像逐渐旋转45度。但我不知道该怎么做。谁能给我一些提示？

Answer 1

您可以将当前旋转保持在组件的状态。并添加一个onClick处理程序，当时将其递增45。然后在render中使用此变量。这是一个如何实现它的快速编写代码：https://codepen.io/anon/pen/YZrrWM

Answer 2

只需使用transform: rotate(45deg);

的CSS动画

将该规则添加到新的CSS类中，然后在按钮上使用JavaScript中的事件侦听器，将该变换添加到图像中。