如何在React中添加"active“类到样式组件

npm install classnames

import classNames from 'classnames';

import React from 'react';
import classNames from 'classnames';
import './Button.css';

const Button = ({ isActive }) => {
  const buttonClasses = classNames('Button', {
    'active': isActive
  });

  return (
    <button className={buttonClasses}>Button</button>
  );
};

export default Button;

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

const App = () => {
  return (
    <div>
      <Button isActive={true} /> {/* 添加"active"类 */}
      <Button isActive={false} /> {/* 不添加"active"类 */}
    </div>
  );
};

export default App;