使用CSS在JavaScript (reactJS)中将HTML转成PDF

在JavaScript（ReactJS）中使用CSS将HTML转成PDF的方法如下：

首先，你需要使用一个合适的库来实现将HTML转换成PDF的功能。其中一个常用的库是jsPDF，它是一个JavaScript库，可以在浏览器中生成PDF文件。你可以通过引入jsPDF库的CDN链接来使用它：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.3/jspdf.umd.min.js"></script>

接下来，你需要在React组件中创建一个按钮或其他触发事件，当用户点击时，将HTML内容转换为PDF文件并下载。你可以使用以下代码片段作为参考：

import React from 'react';
import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';

class HtmlToPdf extends React.Component {
  exportToPdf = () => {
    const input = document.getElementById('html-to-pdf');
    html2canvas(input)
      .then((canvas) => {
        const pdf = new jsPDF('p', 'mm', 'a4');
        const imgData = canvas.toDataURL('image/png');
        pdf.addImage(imgData, 'PNG', 0, 0, 210, 297); // 根据需要设置图像的位置和尺寸
        pdf.save('html-to-pdf.pdf');
      });
  }

  render() {
    return (
      <div>
        {/* HTML内容，设置id为html-to-pdf */}
        <div id="html-to-pdf">
          {/* 在这里放置要转换为PDF的HTML内容 */}
        </div>
        
        {/* 导出按钮 */}
        <button onClick={this.exportToPdf}>导出为PDF</button>
      </div>
    );
  }
}

export default HtmlToPdf;