Question

我有一个内置的反应应用程序。我想动态渲染pdf，doc或docx文件。我试过google文档查看器和Microsoft Office 365查看器两者都不一致。

是否有任何反应库用于呈现一致且可靠的此类文档？

我也尝试过react-file-library，它总是显示 LOADING 0％。这也行不通

Answer 1

我发现许多库都惨遭失败，或者根本就不支持。但是，由于这是我的项目的要求，所以我必须找到一种方法。我曾经听说过Google api，只是搜索了此内容，然后想到了

              <iframe className={filetype} width="100%" height="600" frameborder="0" src={`https://docs.google.com/gview?url=${file_url}&embedded=true`}></iframe>

只需将您的file_type和file_url插入给定的api（因为它是api，所以需要互联网。）

ps：只是为了让您知道Google，Windows等提供的许多api都是一样的。

Answer 2

我建议您查看https://github.com/babel/babel-loader/issues/173以解决您的0％加载问题。另请参阅下面，因为此解决方案适合我。你需要确保网址是正确的，文件类型也是如此。

     <FileViewer
     fileType={this.state.type}
     filePath={this.state.previeURL}
      />

如何在reactjs Web应用程序中呈现pdf，doc或docx文件

2 个答案: