代码:
<AppBar color='inherit' position='fixed'><AppBar>
Run Code Online (Sandbox Code Playgroud)
我正在使用 Material-ui,当我在 Nextjs 应用程序中使用 nprogress和 Material ui 时,它不会显示在顶部。但是当AppBar颜色是透明时,就会显示 nprogress bar。现在,当页面转换开始时,我需要在 AppBar 顶部看到 nprogress (具有固定位置和继承颜色)。
我使用 React 作为前端应用程序,我想使用 jsPdf 将 React 组件的一部分导出为 pdf 文件。
const handleDownload = () => {
const content = document.getElementById('download-content');
const doc = new jsPDF();
doc.html(content);
doc.save("a4.pdf");
}
Run Code Online (Sandbox Code Playgroud)
React 返回组件是:
return (
<body>
<header id='download-content'>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
<div>l kldfjlkasjfld asjflkajf ljfasd'flksdasjf lsdasjfsadf</div>
</header>
<footer>
<button onClick={handleDownload}>Download</button>
</footer>
</body>
)
Run Code Online (Sandbox Code Playgroud)
单击Download按钮后,我想要一个包含header带有样式的标签数据的 pdf 文件。但在这里我用这个函数得到了空白的pdf handleDownload。 …