这篇“react如何移除节点”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“react如何移除节点”文章吧。
react移除节点的方法:1、通过“import ReactDom from 'react-dom'”引入“react-dom”;2、使用“ReactDom.render”添加节点;3、通过“let state=ReactDom.unmountComponentAtNode”卸载节点即可。
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如何移除节点”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。