如何在react中旋转元素180？

import React, { useRef } from 'react';

const RotatingElement = () => {
  const elementRef = useRef(null);

  const rotateElement = () => {
    if (elementRef.current) {
      elementRef.current.style.transform = 'rotate(180deg)';
    }
  };

  return (
    <div ref={elementRef}>
      <button onClick={rotateElement}>旋转元素</button>
    </div>
  );
};

export default RotatingElement;