将 React 中的 div 导出为 PDF

【问题标题】：Export Div in React into PDF将 React 中的 div 导出为 PDF
【发布时间】：2021-03-22 13:07:32
【问题描述】：

如何将此条码导出为 PDF 文件？

请在此处检查我的代码框

export default function App() {
  const openPDF = () => {};

  return (
    <div className="App">
      <Button variant="contained" color="primary" onClick={() => openPDF()}>
        Generate Barcode
      </Button>
      <Barcode value={"#freger"} height={60} />
    </div>
  );
}

【问题讨论】：

标签： javascript reactjs pdf ecmascript-6 react-hooks

【解决方案1】：

我花时间在您的沙盒中设计了一个解决方案原型： CLICK HERE

基本上你会得到一个ref 到条形码的svg 元素。然后使用svg2pdf.js 导出PDF。

但请记住，以这种方式使用 refs 依赖于 react-barcode 的实现。因此，如果您想要一个更强大的解决方案，您可以使用 jsbarcode 本身。

【讨论】：