React Hooks-在不卸载组件的情况下从DOM中临时移除组件的最佳方式

Question

我目前正在使用React.memoHOC和display: none的组合来执行此操作，以最大限度地减少对渲染的性能影响。

我想知道是否有一种方法可以减少对性能的影响，因为我可以在屏幕上的这种不可见状态下有多个组件。

Answer 1

试试这个

el.hide = () => {
el.storeInnerHTML = el.innerHTML //create property
el.innerHTML = '' //done
}
el.show = () => {
if((el.storeInnerHTML ?? true) === true) return 
el.innerHTML = el.storeInnerHTML
delete el.storeInnerHTML
}