向react中的bootstrap模式添加附加类

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

import React from 'react';

const MyComponent = () => {
  return (
    <button className="btn btn-primary my-custom-class">Click me</button>
  );
}

export default MyComponent;

import React, { useState } from 'react';

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

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

  return (
    <button className={`btn btn-primary ${isActive ? 'my-custom-class' : ''}`} onClick={handleClick}>
      Click me
    </button>
  );
}

export default MyComponent;