반응에서 노드를 제거하는 방법

React에서 노드를 제거하는 방법: 1. "react-dom'에서 ReactDom 가져오기"를 통해 "react-dom"을 도입합니다. 2. "ReactDom.render"를 사용하여 노드를 추가합니다. 3. "let state=ReactDom.unmountComponentAtNode"를 통해; " "노드를 제거하면 됩니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응 중인 노드를 제거하는 방법은 무엇입니까?

react React

import ReactDom from 'react-dom'

노드 추가:

ReactDom.render(ReactNode,挂载的dom对象)

dom 객체에 콘텐츠 추가, 덮어쓰기 작업

Uninstall node:

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 비디오 튜토리얼"

위 내용은 반응에서 노드를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!