如何從數據庫下載 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