在React中更改广播输入后，如何从其他嵌套的同级中删除className？

import React, { useState, useEffect } from 'react';

// 假设这是你的子组件
function ChildComponent({ isActive, setIsActive }) {
  return (
    <div className={isActive ? 'active' : ''}>
      {/* 子组件的内容 */}
    </div>
  );
}

// 这是父组件
function ParentComponent() {
  const [activeChild, setActiveChild] = useState(null);

  // 当广播输入更改时，更新活动子组件的状态
  const handleBroadcastChange = (childId) => {
    setActiveChild(childId);
  };

  return (
    <div>
      {/* 假设你有多个子组件 */}
      {['child1', 'child2', 'child3'].map((childId) => (
        <ChildComponent
          key={childId}
          isActive={activeChild === childId}
          setIsActive={() => handleBroadcastChange(childId)}
        />
      ))}
    </div>
  );
}

export default ParentComponent;