feat: Change enableReInitialize prop works (#26)

* feat: Update enableReInitialize prop

Change data blocks instead of reload editor-js instance

* docs: Update README.md

Change enableReInitialize prop description

README.md

@@ -57,7 +57,7 @@ Allow all options of [editor-js](https://github.com/codex-team/editor.js/blob/ma
 
 | Name               | Type    | Description                                   |
 | ------------------ | ------- | --------------------------------------------- |
-| enableReInitialize | Boolean | editor-js rerendering when componentDidUpdate |
+| enableReInitialize | Boolean | Change editor-js data when componentDidUpdate |
 
 ## 🧐 FAQ
 

lib/EditorJs.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import EditorJS from '@editorjs/editorjs'
+import EditorJS, { OutputData } from '@editorjs/editorjs'
 import Paragraph from '@editorjs/paragraph'
 
 export interface EditorJsProps {
@@ -20,14 +20,12 @@ class EditorJsContainer extends React.PureComponent<Props> {
   }
 
   async componentDidUpdate() {
-    const { enableReInitialize } = this.props
-    if (!enableReInitialize) {
+    const { enableReInitialize, data } = this.props
+    if (!enableReInitialize || !data) {
       return
     }
 
-    await this.destroyEditor()
-
-    this.initEditor()
+    this.changeData(data);
   }
 
   componentWillUnmount() {
@@ -84,6 +82,19 @@ class EditorJsContainer extends React.PureComponent<Props> {
     })
   }
 
+  changeData(data: OutputData) {
+    if (!this.instance) {
+      return;
+    }
+
+    this.instance?.isReady.then(() => {
+      this.instance!.clear();
+      this.instance!.render(data);
+    }).catch(() => {
+      // do nothing
+    });
+  }
+
   render() {
     const { children } = this.props