在React中切换激活的窗口

可以通过以下步骤实现：

首先，你需要在React中创建一个状态变量来追踪当前激活的窗口。可以使用useState钩子函数来创建这个状态变量。

import React, { useState } from 'react';

function App() {
  const [activeWindow, setActiveWindow] = useState(null);

  // 其他组件和逻辑代码

  return (
    // JSX代码
  );
}

export default App;

接下来，在你的组件中，你可以使用条件渲染来根据当前激活的窗口显示不同的内容。你可以使用if语句或三元表达式来实现条件渲染。

function App() {
  const [activeWindow, setActiveWindow] = useState(null);

  const handleWindowClick = (windowName) => {
    setActiveWindow(windowName);
  };

  return (
    <div>
      <button onClick={() => handleWindowClick('window1')}>Window 1</button>
      <button onClick={() => handleWindowClick('window2')}>Window 2</button>

      {activeWindow === 'window1' && <Window1 />}
      {activeWindow === 'window2' && <Window2 />}
    </div>
  );
}

在上面的代码中，我们定义了两个按钮来切换窗口。当点击按钮时，我们调用handleWindowClick函数，并将相应的窗口名称作为参数传递给它。handleWindowClick函数会更新activeWindow状态变量，从而触发重新渲染。
最后，根据activeWindow的值，我们使用条件渲染来显示不同的窗口内容。在上面的例子中，我们使用了两个自定义组件Window1和Window2来表示不同的窗口内容。你可以根据自己的需求来定义和使用这些组件。

这是一个基本的React中切换激活窗口的示例。根据具体的应用场景和需求，你可以进一步扩展和优化这个功能。