我正在使用https://react-pdf.org/styling并且我想在点击打印按钮时显示加载的图像。但是,当我打印图像时会渲染两次。
import React from "react";
import phoneLogo from "./images/phone.png";
import {
Document,
Page,
Text,
View,
Font,
StyleSheet,
Image,
} from "@react-pdf/renderer";
const MyDoc = () => (
<Document>
<Page wrap>
<Image src={phoneLogo} />
</Page>
</Document>
);
class App extends React.Component {
render() {
return (
<div className="w-full">
<div className="text-center py-12">
<BlobProvider document={MyDoc()}>
{({ url }) => (
<a href={url} target="_blank">
Print
</a>
)}
</BlobProvider>
</div>
</div>
);
}
}
export default App;
我试图像这样加载图像,但它根本没有显示出来。
const MyDoc = () => (
<Document>
<Page wrap>
<Image src='/images/phone.png />
</Page>
</Document>
);
有什么建议么?谢谢!!