chore: Optimize onChange props. (#308)

Author: jaywcjlove

core/src/useCodeMirror.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { EditorState, StateEffect } from '@codemirror/state';
 import { indentWithTab } from '@codemirror/commands';
 import { EditorView, keymap, ViewUpdate, placeholder } from '@codemirror/view';
@@ -58,11 +58,12 @@ export function useCodeMirror(props: UseCodeMirror) {
       maxWidth,
     },
   });
+  const handleChange = useCallback((value: string, vu: ViewUpdate) => onChange && onChange(value, vu), []);
   const updateListener = EditorView.updateListener.of((vu: ViewUpdate) => {
     if (vu.docChanged && typeof onChange === 'function') {
       const doc = vu.state.doc;
       const value = doc.toString();
-      onChange(value, vu);
+      handleChange(value, vu);
     }
     onStatistics && onStatistics(getStatistics(vu));
   });