Reactjs react pdf无法呈现base64 pdf数据,解释为十六进制字符串

Reactjs react pdf无法呈现base64 pdf数据,解释为十六进制字符串,reactjs,pdf,react-pdf,Reactjs,Pdf,React Pdf,我正在尝试使用react pdf库显示base64编码的pdf文件。B64数据是准确的,因为它加载在iframe中: <iframe className={css.previewIframe} src={`data:application/pdf;base64,${ this.props.encodedPdf }`} /> 如果我添加数据:application/pdf;base64,到字符串开头,没有错误,但也没有呈现任何内容。问题是: 我需要的资

我正在尝试使用react pdf库显示base64编码的pdf文件。B64数据是准确的,因为它加载在iframe中:

 <iframe
   className={css.previewIframe}
   src={`data:application/pdf;base64,${
     this.props.encodedPdf
   }`}
 />
如果我添加
数据:application/pdf;base64,
到字符串开头,没有错误,但也没有呈现任何内容。

问题是:

  • 我需要的资料:application/pdf;base64,在字符串前面
  • 我的组件中没有组件。看
  • 问题是:

  • 我需要的资料:application/pdf;base64,在字符串前面
  • 我的组件中没有组件。看
  • <Document file={this.props.encodedPdf} />
    
    JVBERi0xLjMKMSAwIG9iago8PAovS2lkcyBbIDMgMCBSIF0KL1R5cGUgL1BhZ2VzCi9Db3VudCAxCj4+CmVuZG9iagoyIDAgb2JqCjw8Ci9Qcm9kdWNlciAoUHlQREYyKQo+PgplbmRvYmoKMyAwIG9iago8PAovQ29udGVudHMgNSAwIFIKL1JvdGF0ZSAwCi9UeXBlIC9QYWdlCi9SZXNvdXJjZXMgPDwKL1Byb2NTZXQgWyAvUERGIC9UZXh0IF0KPj4KL0Nyb3BCb3ggWyAwIDAgNjEyIDc5MiBdCi9QYXJlbnQgMSAwIFIKL01lZGlhQm94IFsgMCAwIDYxMiA3OTIgXQo+PgplbmRvYmoKNCAwIG9iago8PAovVHlwZSAvQ2F0YWxvZwovUGFnZXMgMSAwIFIKPj4KZW5kb2JqCjUgMCBvYmoKPDwKL0xlbmd0aCAxMAovRmlsdGVyIC9GbGF0ZURlY29kZQo+PgpzdHJlYW0KSIkCCDAAAAAAAQplbmRzdHJlYW0KZW5kb2JqCnhyZWYKMCA2CjAwMDAwMDAwMDAgNjU1MzUgZiAKMDAwMDAwMDAwOSAwMDAwMCBuIAowMDAwMDAwMDY4IDAwMDAwIG4gCjAwMDAwMDAxMDggMDAwMDAgbiAKMDAwMDAwMDI3MyAwMDAwMCBuIAowMDAwMDAwMzIyIDAwMDAwIG4gCnRyYWlsZXIKPDwKL1NpemUgNgovUm9vdCA0IDAgUgovSW5mbyAyIDAgUgo+PgpzdGFydHhyZWYKNDAzCiUlRU9GCg==