unmountComponentAtNode מסירה קומפוננטת React שהורכבה מה-DOM.
unmountComponentAtNode(domNode)Reference
unmountComponentAtNode(domNode)
קראו ל-unmountComponentAtNode כדי להסיר קומפוננטת React שהורכבה מה-DOM ולנקות את event handlers וה-state שלה.
import { unmountComponentAtNode } from 'react-dom';
const domNode = document.getElementById('root');
render(<App />, domNode);
unmountComponentAtNode(domNode);Parameters
domNode: אלמנט DOM. React תסיר ממנו קומפוננטת React שהורכבה.
Returns
unmountComponentAtNode מחזירה true אם קומפוננטה הוסרה ו-false אחרת.
שימוש
קראו ל-unmountComponentAtNode כדי להסיר קומפוננטת React שהורכבה מ-DOM node בדפדפן, ולנקות את event handlers וה-state שלה.
import { render, unmountComponentAtNode } from 'react-dom';
import App from './App.js';
const rootNode = document.getElementById('root');
render(<App />, rootNode);
// ...
unmountComponentAtNode(rootNode);הסרת אפליקציית React מאלמנט DOM
לעיתים תרצו “לפזר” React בתוך עמוד קיים, או עמוד שלא נכתב כולו ב-React. במקרים כאלה ייתכן שתצטרכו “לעצור” את אפליקציית React, על ידי הסרת כל ה-UI, ה-state וה-listeners מה-DOM node שאליו היא רונדרה.
בדוגמה הזו, לחיצה על “Render React App” תרנדר אפליקציית React. לחצו על “Unmount React App” כדי להשמיד אותה:
import './styles.css'; import { render, unmountComponentAtNode } from 'react-dom'; import App from './App.js'; const domNode = document.getElementById('root'); document.getElementById('render').addEventListener('click', () => { render(<App />, domNode); }); document.getElementById('unmount').addEventListener('click', () => { unmountComponentAtNode(domNode); });