如何仅在react本机中更改活动按钮的颜色

npm install react react-dom

import React from 'react';

function ActivityButton() {
  const [isActive, setIsActive] = React.useState(false);

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

  return (
    <button
      style={{ backgroundColor: isActive ? 'green' : 'red' }}
      onClick={handleClick}
    >
      {isActive ? 'Active' : 'Inactive'}
    </button>
  );
}

export default ActivityButton;

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

function App() {
  return (
    <div>
      <h1>React Activity Button</h1>
      <ActivityButton />
    </div>
  );
}

export default App;

npm start