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)即可。

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

react怎么移除節(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);   }

推薦學(xué)習(xí)：《react視頻教程》