React 怎么实现组件的 keep-alive 缓存？

Question

仓乃文 · Accepted Answer

React 没有像 Vue 的 keep-alive 内置组件，切换路由时组件会卸载丢失状态。实现 keep-alive 的思路是用 display:none 隐藏而非卸载，或使用 react-activation 库。 CSS 隐藏方案（最简单）： ```javascript function TabPanel({ activeTab, children }) { return (

{children.map((child) => (

{child}

))}

); } // 使用：切换 Tab 时组件不卸载，状态保留 function App() { const [tab, setTab] = useState("list"); return ( <>