ascoders / weekly

前端精读周刊。帮你理解最前沿、实用的技术。
28.71k stars 3.25k forks source link

可视化搭建 - keepAlive 模式 #475

Closed ascoders closed 1 year ago

ascoders commented 1 year ago

实现布局时,免不了产生跨越层级的拖动,keepAlive 模式要解决的问题,就是让组件移动到新父级时,不重新渲染。


可视化搭建 - keepAlive 模式

yanghuanrong commented 1 year ago

这个思路非常惊奇。能给到很多启发

createPortal 可以将 React 实例渲染到任意指定 DOM 上,所以我们利用这个 API,将组件树的组件打平,但通过 createPortal 生成到嵌套的 DOM 树上,就同时实现了以下两点: