所属分类:web前端开发
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怎么移除节点的详细内容,更多请关注zzsucai.com其它相关文章!