reactjs - 未处理的拒绝 (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，但您正在获取一些数据(或进行其他状态操作)，这会触发 React 重新渲染页面，这反过来会触发新的 PDF 渲染，而之前的渲染尚未完成.

确保仅在准备好所有数据且不会发生 React 重新渲染时才触发 PDF 渲染。