fix(CodeEditor): fix Codemirror being initialized twice (#40)

simonguo · web-flow · commit bb4aa2cc3088 · 2022-09-07T16:50:06.000+08:00
* fix(CodeEditor): fix Codemirror being initialized twice

* build: reset react 18
diff --git a/docs/index.tsx b/docs/index.tsx
@@ -5,6 +5,7 @@ import CodeView from '../src';
 
 import './styles/index.less';
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const example = require('./example.md');
 
 const App = () => {
diff --git a/src/CodeEditor.tsx b/src/CodeEditor.tsx
@@ -49,13 +49,14 @@ const CodeEditor = React.forwardRef((props: CodeEditorProps, ref: React.Ref<HTML
 
       setInitialized(true);
 
-      editor.current = CodeMirror.fromTextArea(textareaRef.current, {
-        ...defaultEditorConfig,
-        ...editorConfig
-      });
-      editor.current.on('change', handleChange);
-
-      onInitialized?.(editor.current);
+      if (!editor.current) {
+        editor.current = CodeMirror.fromTextArea(textareaRef.current, {
+          ...defaultEditorConfig,
+          ...editorConfig
+        });
+        editor.current.on('change', handleChange);
+        onInitialized?.(editor.current);
+      }
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
