如何使用论坛react动态改变按钮样式？

import React, { useState } from 'react';

const Button = () => {
  const [isActive, setIsActive] = useState(false);

  const handleClick = () => {
    setIsActive(!isActive);
  };

  return (
    <button
      className={isActive ? 'active' : ''}
      onClick={handleClick}
    >
      按钮
    </button>
  );
};

export default Button;

button {
  padding: 10px 20px;
  background-color: #ccc;
  border: none;
  cursor: pointer;
}

button.active {
  background-color: #f00;
  color: #fff;
}

import React from 'react';
import Button from './Button';

const App = () => {
  return (
    <div>
      <Button />
    </div>
  );
};

export default App;