So entfernen Sie einen Knoten in React

So entfernen Sie Knoten in React: 1. Führen Sie „react-dom“ über „import ReactDom from ‚react-dom‘“ ein. 2. Fügen Sie Knoten mit „ReactDom.render“ hinzu. 3. Über „let state=ReactDom.unmountComponentAtNode“. " "Deinstallieren Sie einfach den Knoten.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie entferne ich Knoten in React?

React Knoten über React hinzufügen und deinstallieren

import ReactDom from 'react-dom'

Knoten hinzufügen:

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

Inhalt zum Dom-Objekt hinzufügen, Vorgang überschreiben

Knoten deinstallieren:

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

Inhalt im Dom-Objekt löschen

Codebeispiel:

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

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonSo entfernen Sie einen Knoten in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!