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

import ReactDom from 'react-dom'添加节点:ReactDom.render(ReactNode,挂载的dom对象)将内容添加到dom对象内卸载节点:let state=ReactDom.unmountComponentAtNode(挂载的dom对象)返回是否删除成功bool值删除dom对象内的内容代码示例:const div = document.createElem

神奇大叔

4997人浏览 · 2020-12-21 15:52:25

神奇大叔 · 2020-12-21 15:52:25 发布

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);
  }