react导出word文档?

简介: react导出word文档?

安装依赖

npm install docxtemplater downloadjs

直接复制

import React from 'react';
import { Document, Packer } from 'docxtemplater';
import download from 'downloadjs';
function ExportToWord() {
  const handleExport = () => {
    // 创建一个新的Word文档
    const doc = new Document();
    // 加载Word模板文件(template.docx)
    const template = fs.readFileSync('template.docx', 'binary');
    doc.load(template);
    // 填充数据到模板中
    doc.setData({
      name: 'John Doe',
      age: 30,
    });
    try {
      // 渲染Word文档
      doc.render();
      // 将渲染后的Word文档转换为二进制数据
      const buffer = Packer.toBuffer(doc);
      // 下载导出的Word文档
      download(buffer, 'exported_document.docx', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document');
    } catch (error) {
      console.error('导出Word文档出错:', error);
    }
  };
  return (
    <div>
      <button onClick={handleExport}>导出Word</button>
    </div>
  );
}
export default ExportToWord;
相关文章
|
前端开发 JavaScript API
【第54期】一文读懂React文档
【第54期】一文读懂React文档
185 1
react框架对Excel文件进行上传和导出
react框架对Excel文件进行上传和导出
|
前端开发 JavaScript
react组件的导入与导出
react组件的导入与导出
|
前端开发
React实现一个excel文件导出
React实现一个excel文件导出
246 0
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
1055 0
|
前端开发
React如何导出Word文件
React如何导出Word文件
357 0
|
前端开发
React 如何导出excel
React 如何导出excel
419 0
|
前端开发 JavaScript API
React 生态系统:路由、状态管理、调试、测试、组件库、文档……
React 生态系统:路由、状态管理、调试、测试、组件库、文档……
303 0
|
前端开发 安全 JavaScript
React 正式推出全新官方文档!
React 正式推出全新官方文档!
483 0
|
3月前
|
缓存 前端开发 JavaScript
React Hooks深度解析与最佳实践:提升函数组件能力的终极指南
🌟蒋星熠Jaxonic,前端探索者。专注React Hooks深度实践,从原理到实战,分享状态管理、性能优化与自定义Hook精髓。助力开发者掌握函数组件的无限可能,共赴技术星辰大海!
React Hooks深度解析与最佳实践:提升函数组件能力的终极指南