Javascript 反应-在带有图像和条形码的新选项卡上打开html页面

Javascript 反应-在带有图像和条形码的新选项卡上打开html页面,javascript,html,reactjs,Javascript,Html,Reactjs,在我们的react应用程序中,我们试图在单击“新建”选项卡中的按钮时打印发票,以便用户可以打印发票。 对于发票数据,我调用了一个api,它为我提供了一个完整的html页面,带有徽标和条形码的图像标签,我已经在一个新选项卡中打开了页面。但自从我在一个新标签中打开后,图像和条形码就没有显示下面提到的路径是我将js和img保存在项目文件夹中的路径。我可以理解为什么它们不显示,但有没有办法显示它们。请分享你的建议 我对api的回应如下(仅显示了必要的部分)和 用于在新选项卡中打开它们的代码,Receiv

在我们的react应用程序中,我们试图在单击“新建”选项卡中的按钮时打印发票,以便用户可以打印发票。 对于发票数据,我调用了一个api,它为我提供了一个完整的html页面,带有徽标和条形码的图像标签,我已经在一个新选项卡中打开了页面。但自从我在一个新标签中打开后,图像和条形码就没有显示下面提到的路径是我将js和img保存在项目文件夹中的路径。我可以理解为什么它们不显示,但有没有办法显示它们。请分享你的建议

我对api的回应如下(仅显示了必要的部分)和 用于在新选项卡中打开它们的代码,Receive是状态对象,我在其中设置整个html内容,我从api接收

<!DOCTYPE html> 
<html>
 ..
 <script src="assets/js/barcode.min.js"></script>
 ..
<img src="assets/img/logo.png" />
..
 </html>
useEffect(()=>{
  if(receipt){
    let newWindow = window.open();
    newWindow.document.write(receipt);
   }
},[receipt])

..
..
..
useffect(()=>{
如果(收据){
让newWindow=window.open();
新建窗口。文件。写入(收据);
}
},[收据])

您的收据html是什么样子的。。跳过了其他html部分。。。相对路径是我在src folder内的react项目中放置img和js文件的地方。由于加载html的方式,“相对”路径很可能不正确。只需使用JavaScript构建一个绝对url,然后使用它。