如何从数据库下载 axios 响应作为 pdf 文件做出反应？

Question

我有 view.js 文件，我在其中按他们的 ID 显示每个客户的详细信息。 我有带有 MYSQL 数据库的 nodejs 后端。 我想将这些详细信息下载为带有下载按钮的 pdf 文件。

PS：我是 reactjs 和 nodejs 的新手。

下面是我的 view.js 代码

import React, {useState, useEffect} from 'react';
import { useParams, Link } from 'react-router-dom';
import axios from 'axios';
import Moment from 'moment';
import './View.css';

const View = () => {

    const [user, setUser]=useState({});

    const {id}=useParams();

    useEffect(()=>{

        axios.get(`http://localhost:5000/api/get/${id}`)
        .then((res)=> setUser({...res.data[0]}));

    },[id]);

  return (
    <div style={{marginTop: "150px"}}>
        <div className='card'>
            <div className='card-header'><p>Customer Details</p></div>
            <div className='container'>
                <strong>ID: </strong>
                <span>{id}</span>
                <br/>
                <br/>
                <strong>Name: </strong>
                <span>{user.name}</span>
                <br/>
                <br/>
                <strong>Date of Birth: </strong>
                <span>{Moment(user.dob).format('DD-MM-YYYY')}</span>
                <br/>
                <br/>
                <strong>Adhaar Nuumber: </strong>
                <span>{user.adhaar}</span>
                <br/>
                <br/>
                <strong>Pan: </strong>
                <span>{user.pan}</span>
                <br/>
                <br/>
                <Link to="/">
                    <div className='btn btn-edit'>Go Back</div>
                </Link>
            </div>
        </div>
    </div>
  )
}

export default View

Answer 1

也许来自 npm 的这些 html 到 pdf 包之一可以帮助您：

https://www.npmjs.com/package/html-pdf?activeTab=readme https://www.npmjs.com/package/html-pdf-node