未处理的拒绝(类型错误):_nbind.externalList[num].dereference 不是函数

IT技术 reactjs image react-pdf
2021-05-10 01:52:40

我想用 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>
)
1个回答

在 PDF 渲染过程中触发 React 重新渲染时会发生此错误。

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

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