react移除節點的方法:1、透過「import ReactDom from 'react-dom'」引入「react-dom」;2、使用「ReactDom.render」新增節點;3、透過「let state =ReactDom.unmountComponentAtNode」卸載節點即可。
本教學操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
react怎麼移除節點?
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影片教學》
以上是react怎麼移除節點的詳細內容。更多資訊請關注PHP中文網其他相關文章!