react如何移除節(jié)點(diǎn)

這篇“react如何移除節(jié)點(diǎn)”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“react如何移除節(jié)點(diǎn)”文章吧。

react移除節(jié)點(diǎn)的方法：1、通過(guò)“import ReactDom from 'react-dom'”引入“react-dom”；2、使用“ReactDom.render”添加節(jié)點(diǎn)；3、通過(guò)“l(fā)et state=ReactDom.unmountComponentAtNode”卸載節(jié)點(diǎn)即可。

react 通過(guò)react的方式添加和卸載節(jié)點(diǎn)

import ReactDom from 'react-dom'

添加節(jié)點(diǎn):

ReactDom.render(ReactNode,掛載的dom對(duì)象)

將內(nèi)容添加到dom對(duì)象內(nèi),覆蓋操作

卸載節(jié)點(diǎn):

let state=ReactDom.unmountComponentAtNode(掛載的dom對(duì)象)    返回是否刪除成功bool值

刪除dom對(duì)象內(nèi)的內(nèi)容

代碼示例:

  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);
  }

以上就是關(guān)于“react如何移除節(jié)點(diǎn)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。