react写一个解析word的组件

解析Word文件比较复杂，需要使用一些第三方库。这里我推荐使用`jszip`和`docxtemplater`库来解析Word文件。

首先需要安装这两个库：

npm install jszip docxtemplater

然后在React组件中引入这两个库：

import React, { useState } from 'react';
import JSZip from 'jszip';
import Docxtemplater from 'docxtemplater';

接下来，我们可以编写一个组件，其核心代码如下：

function WordParser() {
  const [data, setData] = useState([]);

  const handleFileUpload = (e) => {
    const file = e.target.files[0];
    const reader = new FileReader();
    reader.readAsArrayBuffer(file);
    reader.onload = async (e) => {
      const bufferArray = e.target.result;
      const zip = new JSZip();
      const doc = new Docxtemplater();
      zip.loadAsync(bufferArray).then((content) => {
        doc.loadZip(content);
        const text = doc.getFullText();
        setData(text);
      });
    };
  };

  return (
    <div>
      <input type="file" onChange={handleFileUpload} />
      <div>{data}</div>
    </div>
  );
}

export default WordParser;

这个组件包含一个`<input>`元素，用于上传Word文件。当用户选择文件后，我们使用`FileReader`读取文件，并使用`JSZip`库将其解压缩。然后，我们使用`Docxtemplater`库将解压缩后的文件加载为一个Docxtemplater对象，然后使用`doc.getFullText()`方法获取Word文档的全文文本。最后，将文本数据存储在组件的状态中，以便在渲染过程中显示。

需要注意的是，`jszip`和`docxtemplater`库在解析Word文件时可能会出现一些问题，具体的解决方法需要根据具体情况进行调整。同时，这种方法只能解析docx格式的Word文件，无法解析doc等其他格式的Word文件。