欢迎访问KAIYUN官网,开云体育,开云体育app,开云体育app下载,开云体育官方下载,开云体育APP官方网站入口手机版下载为您提供体育最快速最全面最专业的体育新闻和赛事报道,主要有以下栏目:中国足球、国际足球、篮球、NBA、综合体育、奥运、F1、网球、高尔夫、棋牌、彩票、视频、图片、博客、体育微博、社区论坛!
开云·体育app(中国)官网入口-ios/安卓/手机APP下载

开云·体育app(中国)官网入口-ios/安卓/手机APP下载

欢迎访问开云体育手机app下载(KAIYUN)旗下有开云体育app下载,开云体育官网入口,开云体育app下载官网,开云体育app官网入口手机版等业务,开云体育平台app安全靠谱官方版下载信誉高!

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视频教程》

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注