unmountComponentAtNode

Deprecated

ה-API הזה יוסר בגרסה ראשית עתידית של React.

ב-React 18, unmountComponentAtNode הוחלפה ב-root.unmount().

unmountComponentAtNode מסירה קומפונטת React שהורכבה מה-DOM.

unmountComponentAtNode(domNode)

הפניה
- unmountComponentAtNode(domNode)
שימוש
- הסרת אפליקציית React מאלמנט DOM

הפניה

`unmountComponentAtNode(domNode)`

קראו ל-unmountComponentAtNode כדי להשלים קומפונטת React שהורכבה מה-DOM ולנקות את מטפלי האירועים וה-state שלה.

import { unmountComponentAtNode } from 'react-dom';

const domNode = document.getElementById('root');
render(<App />, domNode);

unmountComponentAtNode(domNode);

עוד דוגמאות נוספות.

פרמטרים

domNode: element DOM. React תסיר ממנו קומפונטת React שהורכבה.

מחזירה

unmountComponentAtNode מחזירה true אם קומפוננטה הוסרה ו-false אחרת.

שימוש

קראו ל-unmountComponentAtNode כדי להוציא קומפונטת React שהורכבה מ-DOM nodeפדפן, ולנקות את מטפלי האירועים וה-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. שאליו היא רונדרה.

בדוגמה הזו, לחיצה על “Render React App” תרנדר אפליקציית React. לחצו על “הסר את האפליקציה React” כדי להשמיד אותה:

Fork

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

Previousrender

NextClient APIs