如何隐藏动画？React + SCSS

.hidden {
  display: none;
}

import React, { useState } from 'react';
import './YourComponent.css';

const YourComponent = () => {
  const [isHidden, setIsHidden] = useState(false);

  const toggleAnimation = () => {
    setIsHidden(!isHidden);
  };

  return (
    <div>
      <button onClick={toggleAnimation}>Toggle Animation</button>
      <div className={`your-element ${isHidden ? 'hidden' : ''}`}>
        {/* Your animated content */}
      </div>
    </div>
  );
};

export default YourComponent;