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

Question

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

Answer 1

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

Answer 2

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

一起使用

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