小编Jho*_*rab的帖子

Material Ui AppBar 与 Nprogress

代码:

<AppBar color='inherit' position='fixed'><AppBar>
Run Code Online (Sandbox Code Playgroud)

我正在使用 Material-ui,当我在 Nextjs 应用程序中使用 nprogress和 Material ui 时,它不会显示在顶部。但是当AppBar颜色是透明时,就会显示 nprogress bar。现在,当页面转换开始时,我需要在 AppBar 顶部看到 nprogress (具有固定位置和继承颜色)

javascript progress-bar reactjs material-ui next.js

5
推荐指数
1
解决办法
724
查看次数

使用 jsPdf 将 html 转换为 pdf 不适用于 React 应用程序

我使用 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。 …

jspdf reactjs react-hooks

4
推荐指数
1
解决办法
1万
查看次数