使用来自数据库条目的变量来响应 PDFViewer 渲染

问题描述

我有一个小问题。

我想用 userService 提供的数据动态打印一个 Pdf。

我如何无法将变量传递给 PDFViewer，甚至无法在外部打印其值 userService.getBYId....

这是我的代码，如果有人有解决该问题的想法，我将不胜感激。

先谢谢了！！！ :)

import React,{ useEffect,useState } from 'react';

import { userService,alertService } from '@/_services';
import {PDFViewer,Page,Text,View,Document } from '@react-pdf/renderer';

function Print({ match }) {

    const [isLoading,setLoading] = useState(true);
    const { id } = match.params;

    var uT = "";

    userService.getById(id).then(user => {
        const fields = ['title','firstName'];
        fields.forEach(field => user[field]);
        
        console.log(user.title,user.firstName);  

        uT = user.title;

    });


        return (
           <PDFViewer>
                <Document>
                    <Page size='A4'>
                        <View>
                            <Text>Sehr geehrter {uT} Section #2</Text>
                        </View>
                        <View >
                            <Text>Section #2</Text>
                        </View>
                    </Page>
                </Document>
            </PDFViewer>
          );
}

export { Print };

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）