Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.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 Root窗口?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何以编程方式清除React Root窗口?

Javascript 如何以编程方式清除React Root窗口?,javascript,reactjs,Javascript,Reactjs,我目前正在学习react JS,我想知道如何清除react“窗口”。我目前在main.js中使用了两个react组件: ReactDOM.render( , document.getElementById('root')) ); 睡眠(3000)。然后(()=>{ ReactDOM.render( , document.getElementById('root')) ); }) 我想以某种方式“清除”窗口,因为这两个容器有css,不能很好地交互 我想以某种方式做到这一点: ReactDOM.r

我目前正在学习react JS,我想知道如何清除react“窗口”。我目前在main.js中使用了两个react组件:

ReactDOM.render(
,
document.getElementById('root'))
);
睡眠(3000)。然后(()=>{
ReactDOM.render(
,
document.getElementById('root'))
);
})
我想以某种方式“清除”窗口,因为这两个容器有css,不能很好地交互

我想以某种方式做到这一点:

ReactDOM.render(
,
document.getElementById('root'))
);
睡眠(3000)。然后(()=>{
ReactDOM.clearElement('root'))
ReactDOM.render(
,
document.getElementById('root'))
);
})
任何帮助都将不胜感激

试试看

const root=document.getElementById('root');
ReactDOM.unmountComponentAtNode(根);

只是好奇,你为什么想要透明的窗户?嘿,谢谢你的回答!如果您能围绕代码提供一些解释,这将有助于OP和未来的读者。