Javascript 在iframe中将src显示为datastring pdf不'；t工作（React-jspdf）

当我点击一个按钮时，我试图生成一个PDF来显示订单的收据。我正在使用jsPDF和React。我实现了在调用外部pdf时显示pdf，但当我将数据作为字符串传递时，它会显示以下错误：

GET data:application/pdf;base64,
JVBERi0xLjMKMyAwIG9iago8PC9UeXBlIC9QYWdlCi9QYXJ…
l6ZSAyMAovUm9vdCAxOSAwIFIKL0luZm8gMTggMCBSCj4+
CnN0YXJ0eHJlZgoxOTYzCiUlRU9G net::ERR_INVALID_URL

就像iframe一样，将SRC属性识别为URL而不是PDF文档。以下是我按下按钮时调用的函数：

handlePrintReceipt() {
  let pdfConverter = require('jspdf');
  let doc = new pdfConverter('p','pt','c6');

  doc.text('Simple text', 10, 10);
  let data = doc.output('datauristring');

  let iframe = `<iframe type="application/pdf" src="${data}#toolbar=0&navpanes=0" width="100%" height="450" frameborder="0"></iframe>`;

  this.setState({
    outputReceipt: iframe
  });
}

handlePrintReceive（）{
设pdfConverter=require（'jspdf'）；
设doc=新的pdfConverter（'p'，'pt'，'c6'）；
文件文本（“简单文本”，10，10）；
让data=doc.output（'datauristring'）；
让iframe=`；
这是我的国家({
outputReceipt:iframe
});
}

当我使用以前保存的简单PDF文档（如：“simple_text.PDF”）更改iframe的SRC属性时，这个实现工作得很好

---

我做错了什么？提前感谢

我刚刚将您的outputReceipt添加到一个危险的HTML上

<div dangerouslySetInnerHTML={{ __html: this.state.outputReceipt}}/>

和工作