可以通过以下步骤实现:
import React, { useState } from 'react';
function App() {
const [activeWindow, setActiveWindow] = useState(null);
// 其他组件和逻辑代码
return (
// JSX代码
);
}
export default App;
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>
);
}
这是一个基本的React中切换激活窗口的示例。根据具体的应用场景和需求,你可以进一步扩展和优化这个功能。
领取专属 10元无门槛券
手把手带您无忧上云