如何通过另一个组件中的操作将类名切换到另一个组件？

// 第一个组件
import React, { useState } from 'react';

const ComponentA = () => {
  const [isClassNameActive, setClassNameActive] = useState(false);

  const handleToggleClassName = () => {
    setClassNameActive(!isClassNameActive);
  };

  return (
    <div>
      <button onClick={handleToggleClassName}>切换类名</button>
      <ComponentB isActive={isClassNameActive} />
    </div>
  );
};

// 第二个组件
const ComponentB = ({ isActive }) => {
  const className = isActive ? 'active' : 'inactive';

  return <div className={className}>这是另一个组件</div>;
};