Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Hooks—在不卸载组件的情况下从DOM中临时移除组件的最佳方法_Javascript_Reactjs_Performance_Dom_React Hooks - Fatal编程技术网

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

Javascript React Hooks—在不卸载组件的情况下从DOM中临时移除组件的最佳方法,javascript,reactjs,performance,dom,react-hooks,Javascript,Reactjs,Performance,Dom,React Hooks,我目前正在结合使用React.memoHOC和display:none来实现这一点,以最小化对渲染的性能影响 我想知道是否有一种对性能影响较小的方法,因为我可以在屏幕上看到这种不可见状态的多个组件。试试这个 el.hide=()=>{ el.storeInnerHTML=el.innerHTML//创建属性 el.innerHTML=''//done } el.show=()=>{ if((el.storeInnerHTML??true)==true)返回 el.innerHTML=el.sto

我目前正在结合使用
React.memo
HOC和
display:none
来实现这一点,以最小化对渲染的性能影响

我想知道是否有一种对性能影响较小的方法,因为我可以在屏幕上看到这种不可见状态的多个组件。

试试这个

el.hide=()=>{
el.storeInnerHTML=el.innerHTML//创建属性
el.innerHTML=''//done
}
el.show=()=>{
if((el.storeInnerHTML??true)==true)返回
el.innerHTML=el.storeInnerHTML
删除el.storeInnerHTML
}