未处理的拒绝(TypeError)：_nbind.externalList[num].dereference不是一个函数

Question

我想用react-pdf创建一个报告。当我使用Image时，我得到了这个错误。删除图像时没有错误。如何添加镜像。谢谢你的帮助。

import React from "react";
import {styles} from "../styles";
import {Text, View,Image} from "@react-pdf/renderer";

export const HeaderBorder = () => (
    <View style={{flexDirection: "row",border: "2 solid black",padding:"5px"}}>
        <View
            style={{
                width: "40%"
            }}
        >
            <Image
                style={{
                    width: "100%",
                    height:"50px",
                    marginHorizontal: 0,
                    marginVertical: 0,

                }}
                src="./logo512"
            />
        </View>
        <View style={{width: "60%"}}>
            <Text>Informations</Text>
        </View>
    </View>
)

Answer 1

如果在PDF渲染过程中触发React重新渲染，则会发生此错误。

也许您在页面显示后立即开始呈现PDF，但您正在获取一些数据(或进行其他状态操作)，这些数据会触发页面的重新呈现，这反过来会触发新的PDF呈现，而之前的呈现尚未完成。

请确保仅在准备好所有数据并且没有React重新渲染时才触发PDF渲染。