ReactJS中的嵌入式文档查看器控件

ReactJS中的嵌入式文档查看器控件,reactjs,react-jsx,Reactjs,React Jsx,我们正在使用ReactJS创建搜索前端。要求是,当用户单击文档名称时,必须在嵌入式查看器中打开该文档。有人为此使用过任何ReactJS组件吗?否则,我应该使用JQuery查看器组件吗?请给我一些建议。提前感谢。'react-file-viewer'可以完成这项工作。它支持各种各样的文件格式,包括.docx格式,但对于.doc扩展名,它却失败得很惨。请纠正我的错误,我找不到可以处理.doc文件扩展名的组件。最终用google api for doc viewer解决了这个问题。我建议只在处理doc

我们正在使用ReactJS创建搜索前端。要求是,当用户单击文档名称时,必须在嵌入式查看器中打开该文档。有人为此使用过任何ReactJS组件吗?否则,我应该使用JQuery查看器组件吗?请给我一些建议。提前感谢。

'react-file-viewer'可以完成这项工作。它支持各种各样的文件格式,包括.docx格式,但对于.doc扩展名,它却失败得很惨。请纠正我的错误,我找不到可以处理.doc文件扩展名的组件。最终用google api for doc viewer解决了这个问题。我建议只在处理doc和docx文件扩展名时使用它。然后选择比较小的库,如react pdf来处理pdf扩展

您可以使用google api呈现文档、docx文件类型

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