如何通过使用reactJs将图像旋转45度

Question

我想通过使用reactJs在单击按钮时将图像一次增量旋转45度。 但是我不知道该怎么做。 谁能给我一些提示？

Answer 1

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

Answer 2

只需将CSS动画与transform: rotate(45deg);

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