From 5e696b5737f55b3b06ce3a2dbbdb97397880a85a Mon Sep 17 00:00:00 2001
From: lishasha <lishasha@vfuturetec.com>
Date: Mon, 9 Aug 2021 19:37:04 +0800
Subject: [PATCH] MIC:docx-viewer-bug

---
 src/components/drivers/docx-viewer.jsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/drivers/docx-viewer.jsx b/src/components/drivers/docx-viewer.jsx
index 54490a21..9dce767b 100644
--- a/src/components/drivers/docx-viewer.jsx
+++ b/src/components/drivers/docx-viewer.jsx
@@ -7,6 +7,9 @@ import 'styles/docx.scss';
 import Loading from '../loading';
 
 export default class extends Component {
+  state = {
+    file:'',
+  }
   componentDidMount() {
     const jsonFile = new XMLHttpRequest();
     jsonFile.open('GET', this.props.filePath, true);
@@ -22,7 +25,7 @@ export default class extends Component {
           const docEl = document.createElement('div');
           docEl.className = 'document-container';
           docEl.innerHTML = result.value;
-          document.getElementById('docx').innerHTML = docEl.outerHTML;
+          this.setState({file:docEl.outerHTML})
         })
         .catch((a) => {
           console.log('alexei: something went wrong', a);
@@ -34,8 +37,17 @@ export default class extends Component {
 
   render() {
     return (
-      <div id="docx">
-        <Loading />
-      </div>);
+      <div>
+        {file ? (
+          <div dangerouslySetInnerHTML={{ __html: file }}>
+          </div>
+        ) : (
+          <div>
+          <Loading />
+          </div>
+        )}
+      </div>
+    );
+    
   }
 }