Comment supprimer un nœud en réaction

Comment supprimer des nœuds dans React : 1. Introduisez "react-dom" via "import ReactDom from 'react-dom'" ; 2. Ajoutez des nœuds en utilisant "ReactDom.render" ; 3. Via "let state=ReactDom.unmountComponentAtNode ; " Désinstallez simplement le nœud.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Comment supprimer des nœuds en réaction ?

react Ajouter et désinstaller des nœuds via réagir

import ReactDom from 'react-dom'

Ajouter un nœud :

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

Ajouter du contenu à l'objet dom, écraser l'opération

Désinstaller le nœud :

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

Supprimer le contenu de l'objet dom

Exemple de code :

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

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!