我试图在reactjs中使用DocViewer来显示通过互联网托管的docx文件，它给了我一些空白页，在互联网上检查我已经无法看到和理解为什么这是如此
我的代码看起来是这样的:
import "./App.css";
import DocViewer, {DocViewerRenderers} from "react-doc-viewer";
function App() {
const doc = [{ uri: "https://docproc.bsite.net/Doc1.docx" }];
return (
<div className="App">
return <DocViewer pluginRenderers={DocViewerRenderers} documents={doc} />;
</div>
);
}
export default App;
善意的建议，这是第一次做这样的事情
添加文件类型对我有效，{uri:要求("。/Dynamic_tabs.docx",文件类型:"多克斯"},
docs无法正常工作，但你可以显示PDF文件将正确呈现，你也可以使用这段代码
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My Website</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
</head>
<body>
<main>
<iframe
id='id12321'
title='dummy'
width="100%"
height="800"
frameborder="0"
src='https://docs.google.com/viewer?url=https://calibre-ebook.com/downloads/demos/demo.docx&embedded=true'
></iframe>
</main>
<script src="index.js"></script>
</body>
</html>