react如何移除节点

这篇“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如何移除节点”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。