Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellow
title릴리즈 3.1.0 이상
 
Status
colourYellow
title릴리즈 2.19.0 이상

에디터에서 사용한 리소르를 정리하는 함수로 이벤트와 참조를 제거해 메모리 누수를 방지합니다.

페이지를 떠날 때(onBeforeUnload) 자동으로 실행됩니다.


싱글페이지 어플리케이션(SPA)에서는 `destroy` 함수가 컴포넌트를 더 이상 사용하지 않을 때 실행되어야 합니다.

...

Code Block
languagejs
themeEmacs
// react 예제 (unmount 시 destroy 호출)
import { useEffect } from 'react';
import Editor from './Editor'; // 가상의 에디터 모듈

const MyEditorComponent = () => {
  let editorInstance;

  //
에디터 초기화   useEffect(() => {
    editorInstance = new Editor();
    editorInstance.initializeSynapEditor();

    // 페이지를 떠나거나 컴포넌트가 언마운트될 때 destroy 함수를 호출해야호출
합니다     return () => {
      if (editorInstance) {
        editorInstance.destroy();
        editorInstance = null;
      }
    };
  }, []);

  return <div id="editor-container"></div>;
};

export default MyEditorComponent;