在React中，实现未选中的tab页隐藏但不销毁，可以通过控制每个tab页组件的显示/隐藏（即CSS的display属性）来达成。这里是一个简单的示例：

```jsx import React, { useState } from 'react';

function TabContent({ children, active }) { return (

function Tabs({ tabItems }) { const [activeTab, setActiveTab] = useState(tabItems[0].key);

const handleTabClick = (tabKey) => { setActiveTab(tabKey); };

return ( <>

{tabItems.map((item) => (
• handleTabClick(item.key)}> {item.label}
))}

// 使用Tabs组件 const tabItems = [ { key: 'tab1', label: 'Tab 1', component: }, { key: 'tab2', label: 'Tab 2', component: }, ];

```

在这个例子中，TabContent 组件接收一个 active 属性，当 active 为 true 时显示内容，否则隐藏。而 Tabs 组件通过维护一个状态 activeTab 来决定哪个tab是当前激活的，并根据这个状态来控制每个 TabContent 的 active 属性。

这样，未被选中的tab页就会被隐藏，但不会被销毁，当切换回该tab时，其状态和渲染结果可以保持不变。