站长资讯网
react移除节点的方法：1、通过“import ReactDom from 'react-dom'”引入“react-dom”；2、使用“ReactDom.render”添加节点；3、通过“let state=ReactDom.unmountComponentAtNode”卸载节点即可。
本教程操作环境：Windows10系统、react18.0.0版、Dell G3电脑。
react怎么移除节点？
react 通过react的方式添加和卸载节点
import ReactDom from 'react-dom'
登录后复制
添加节点:
ReactDom.render(ReactNode,挂载的dom对象)
登录后复制
将内容添加到dom对象内,覆盖操作
卸载节点:
let state=ReactDom.unmountComponentAtNode(挂载的dom对象) 返回是否删除成功bool值
登录后复制
删除dom对象内的内容
代码示例:
const div = document.createElement('div'); document.body.appendChild(div); ReactDOM.render( <组件/>, div, ); //删除 const unmountResult = ReactDOM.unmountComponentAtNode(div); if (unmountResult && div.parentNode) { div.parentNode.removeChild(div); }
登录后复制
推荐学习：《react视频教程》
