站長資訊網(wǎng)
react移除節(jié)點的方法：1、通過“import ReactDom from 'react-dom'”引入“react-dom”；2、使用“ReactDom.render”添加節(jié)點；3、通過“l(fā)et state=ReactDom.unmountComponentAtNode”卸載節(jié)點即可。
本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。
react怎么移除節(jié)點？
react 通過react的方式添加和卸載節(jié)點
import ReactDom from 'react-dom'
登錄后復制
添加節(jié)點:
ReactDom.render(ReactNode,掛載的dom對象)
登錄后復制
將內(nèi)容添加到dom對象內(nèi),覆蓋操作
卸載節(jié)點:
let state=ReactDom.unmountComponentAtNode(掛載的dom對象) 返回是否刪除成功bool值
登錄后復制
刪除dom對象內(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); }
登錄后復制
推薦學習：《react視頻教程》
