feat: Optimize preformance issue.

Author: jaywcjlove

src/components/CodeMirror/index.tsx

@@ -113,9 +113,10 @@ export default class ReactCodeMirror extends Component<ICodeMirror> {
 
     this.renderCodeMirror(this.props);
   }
-
-  public async componentWillReceiveProps(nextPros: ICodeMirror) {
-    this.renderCodeMirror(nextPros);
+  public UNSAFE_componentWillReceiveProps(nextPros: ICodeMirror) {
+    if (nextPros.value !== this.props.value || nextPros.width !== this.props.width || nextPros.height !== this.props.height) {
+      this.renderCodeMirror(nextPros);
+    }
   }
 
   // 将props中所有的事件处理函数映射并保存

src/index.tsx

@@ -19,11 +19,9 @@ export interface IMarkdownEditor extends IProps, ICodeMirror {
   options?: CodeMirror.EditorConfiguration,
 }
 
-interface IMarkdownEditorState {
-  fullscreen: boolean;
-}
+interface IMarkdownEditorState { }
 
-export default class MarkdownEditor extends React.PureComponent<IMarkdownEditor, IMarkdownEditorState, {}> {
+export default class MarkdownEditor extends React.PureComponent<IMarkdownEditor, IMarkdownEditorState> {
   public static displayName = 'MarkdownEditor';
   public static defaultProps: IMarkdownEditor = {
     onChange: () => null,