react怎么移除节点

藏色散人
Lepaskan: 2023-01-18 16:12:09
asal
1261 orang telah melayarinya

react移除节点的方法:1、通过“import ReactDom from 'react-dom'”引入“react-dom”;2、使用“ReactDom.render”添加节点;3、通过“let state=ReactDom.unmountComponentAtNode”卸载节点即可。

react怎么移除节点

本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。

react怎么移除节点?

react 通过react的方式添加和卸载节点

import ReactDom from 'react-dom'
Salin selepas log masuk

添加节点:

ReactDom.render(ReactNode,挂载的dom对象)
Salin selepas log masuk

将内容添加到dom对象内,覆盖操作

卸载节点:

let state=ReactDom.unmountComponentAtNode(挂载的dom对象) 返回是否删除成功bool值
Salin selepas log masuk

删除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); }
Salin selepas log masuk

推荐学习:《react视频教程

Atas ialah kandungan terperinci react怎么移除节点. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!