3

我想用 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>
)
4

1 回答 1

3

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

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

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

于 2020-05-01T10:46:28.680 回答