/
githubmirror
/
monaco-editor
Обзор
Документация
Войти
/
githubmirror
/
monaco-editor
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
samples/browser-esm-vite-react/src/components/Editor.tsx
25 строк
728 B
Avin
Fix
21 мар 2023, 17:59
Не верифицирован
21 мар 2023, 17:59
5495aa8
Код
Авторство
О чём код?
import { VFC, useRef, useState, useEffect } from 'react'; import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'; import styles from './Editor.module.css'; export const Editor: VFC = () => { const [editor, setEditor] = useState<monaco.editor.IStandaloneCodeEditor | null>(null); const monacoEl = useRef(null); useEffect(() => { if (monacoEl) { setEditor((editor) => { if (editor) return editor; return monaco.editor.create(monacoEl.current!, { value: ['function x() {', '\tconsole.log("Hello world!");', '}'].join('\n'), language: 'typescript' }); }); } return () => editor?.dispose(); }, [monacoEl.current]); return <div className={styles.Editor} ref={monacoEl}></div>; };